ColdBreeze/ColdBreeze-chat-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: save tip and blank placeholder

Browse Source
This commit is contained in:
Tristan Yang
2023-04-14 11:01:10 +08:00
parent 0eb2dd7faa
commit 6f80b78524
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/component/BlankPlaceholder.tsx
+4 -4
View File
@@ -43,9 +43,9 @@ const BlankPlaceholder: FC<Props> = ({ type = "chat" }) => {
return ( return (
<> <>
<div className="flex flex-col gap-8 -mt-[50px] dark:bg-gray-700"> <div className="flex flex-col gap-8 -mt-[50px] dark:bg-gray-700">
<div className="flex flex-col gap-2 items-center group"> <div className="flex flex-col gap-2 items-center group px-4">
<h2 className="text-center text-3xl text-slate-700 dark:text-white font-bold">{t("title", { name: server.name })}</h2> <h2 className="text-center text-3xl text-slate-700 dark:text-white font-bold">{t("title", { name: server.name })}</h2>
<p className="text-sm text-gray-400 max-w-md text-center relative break-all whitespace-pre"> <p className="text-sm text-gray-400 max-w-md text-center relative whitespace-normal">
<Linkify options={ <Linkify options={
{ {
render: { render: {
@@ -59,9 +59,9 @@ const BlankPlaceholder: FC<Props> = ({ type = "chat" }) => {
} }
} }
}> }>
{server.description ?? t("desc")} {server.description ? server.description : t("desc")}
</Linkify> </Linkify>
{isAdmin && <NavLink to={"/setting/overview"} className="absolute -top-6 -right-6 invisible group-hover:visible"> {isAdmin && <NavLink to={"/setting/overview"} className="absolute top-0 -right-7 invisible group-hover:visible">
<IconEdit /> <IconEdit />
</NavLink>} </NavLink>}
</p> </p>
src/common/component/SaveTip.tsx
+1 -1
View File
@@ -13,7 +13,7 @@ const SaveTip: FC<Props> = ({ saveHandler, resetHandler }) => {
const { t } = useTranslation("setting"); const { t } = useTranslation("setting");
// const btnClass=clsx("") // const btnClass=clsx("")
return ( return (
<div className="z-[999] w-full p-2 absolute bottom-4 md:bottom-16 left-0 <div className="z-[999] w-full max-w-lg p-2 fixed bottom-4 md:bottom-16
flex flex-col md:flex-row items-center justify-between font-semibold text-gray-700 border flex flex-col md:flex-row items-center justify-between font-semibold text-gray-700 border
border-solid border-gray-200 dark:border-gray-400 bg-white dark:bg-gray-600 shadow-2xl dark:shadow-primary-400/50 rounded-full"> border-solid border-gray-200 dark:border-gray-400 bg-white dark:bg-gray-600 shadow-2xl dark:shadow-primary-400/50 rounded-full">
<span className="p-2 text-sm dark:text-gray-200">{t('save_tip')}</span> <span className="p-2 text-sm dark:text-gray-200">{t('save_tip')}</span>