aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-07-04 04:23:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: add random name button

Browse Source
This commit is contained in:
Steven
2024-01-10 10:50:02 +08:00
parent 2771602e5c
commit 59ee192bf8
8 changed files with 337 additions and 313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/web/src/components/Header.tsx
View File

@ -51,7 +51,7 @@ const Header: React.FC = () => {
<Icon.ChevronsUpDown className="ml-1 w-4 h-auto text-gray-600 dark:text-gray-400" />
</button>
}
actionsClassName="!w-32 -left-4 text-sm"
actionsClassName="!w-36 -left-4"
actions={
<>
<Link
@ -59,14 +59,14 @@ const Header: React.FC = () => {
to="/"
unstable_viewTransition
>
<Icon.SquareSlash className="w-4 h-auto mr-2 opacity-70" /> Shortcuts
<Icon.SquareSlash className="w-5 h-auto mr-2 opacity-70" /> Shortcuts
</Link>
<Link
className="w-full px-2 flex flex-row justify-start items-center text-left dark:text-gray-400 leading-8 cursor-pointer rounded hover:bg-gray-100 dark:hover:bg-zinc-800 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
to="/collections"
unstable_viewTransition
>
<Icon.LibrarySquare className="w-4 h-auto mr-2 opacity-70" /> Collections
<Icon.LibrarySquare className="w-5 h-auto mr-2 opacity-70" /> Collections
</Link>
</>
}
@ -83,7 +83,7 @@ const Header: React.FC = () => {
<Icon.ChevronDown className="ml-2 w-5 h-auto text-gray-600 dark:text-gray-400" />
</button>
}
actionsClassName="!w-32 text-sm"
actionsClassName="!w-32"
actions={
<>
<Link
@ -91,7 +91,7 @@ const Header: React.FC = () => {
to="/setting/general"
unstable_viewTransition
>
<Icon.User className="w-4 h-auto mr-2 opacity-70" /> {t("user.profile")}
<Icon.User className="w-5 h-auto mr-2 opacity-70" /> {t("user.profile")}
</Link>
{isAdmin && (
<Link
@ -99,20 +99,20 @@ const Header: React.FC = () => {
to="/setting/workspace"
unstable_viewTransition
>
<Icon.Settings className="w-4 h-auto mr-2 opacity-70" /> {t("settings.self")}
<Icon.Settings className="w-5 h-auto mr-2 opacity-70" /> {t("settings.self")}
</Link>
)}
<button
className="w-full px-2 flex flex-row justify-start items-center text-left dark:text-gray-400 leading-8 cursor-pointer rounded hover:bg-gray-100 dark:hover:bg-zinc-800 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
onClick={() => setShowAboutDialog(true)}
>
<Icon.Info className="w-4 h-auto mr-2 opacity-70" /> {t("common.about")}
<Icon.Info className="w-5 h-auto mr-2 opacity-70" /> {t("common.about")}
</button>
<button
className="w-full px-2 flex flex-row justify-start items-center text-left dark:text-gray-400 leading-8 cursor-pointer rounded hover:bg-gray-100 dark:hover:bg-zinc-800 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
onClick={() => handleSignOutButtonClick()}
>
<Icon.LogOut className="w-4 h-auto mr-2 opacity-70" /> {t("auth.sign-out")}
<Icon.LogOut className="w-5 h-auto mr-2 opacity-70" /> {t("auth.sign-out")}
</button>
</>
}