dennii/Termix
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 22 Wiki Activity

fix: add dashboard line breaks

Browse Source
This commit is contained in:
LukeGus
2025-12-31 14:39:26 -06:00
parent faebdf7374
commit d792ba4c5b
1 changed files with 84 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/ui/desktop/apps/dashboard/Dashboard.tsx
View File

@@ -669,57 +669,109 @@ export function Dashboard({
<div className="grid gap-4 grid-cols-3 auto-rows-min overflow-y-auto overflow-x-hidden thin-scrollbar"> <div className="grid gap-4 grid-cols-3 auto-rows-min overflow-y-auto overflow-x-hidden thin-scrollbar">
<Button <Button
variant="outline" variant="outline"
className="border-2 !border-edge flex flex-col items-center justify-center h-auto p-3 min-w-0 !bg-canvas" className="border-2 !border-edge flex flex-col items-center justify-center h-auto p-3 !bg-canvas"
onClick={handleAddHost} onClick={handleAddHost}
> >
<div className="flex flex-col items-center w-full max-w-full">
<Server <Server
className="shrink-0" className="shrink-0"
style={{ width: "40px", height: "40px" }} style={{ width: "40px", height: "40px" }}
/> />
<span className="font-semibold text-sm mt-2"> <span
className="font-semibold text-sm mt-2 text-center block"
style={{
wordWrap: "break-word",
overflowWrap: "break-word",
width: "100%",
maxWidth: "100%",
hyphens: "auto",
display: "block",
whiteSpace: "normal",
}}
>
{t("dashboard.addHost")} {t("dashboard.addHost")}
</span> </span>
</div>
</Button> </Button>
<Button <Button
variant="outline" variant="outline"
className="border-2 !border-edge flex flex-col items-center justify-center h-auto p-3 min-w-0 !bg-canvas" className="border-2 !border-edge flex flex-col items-center justify-center h-auto p-3 !bg-canvas"
onClick={handleAddCredential} onClick={handleAddCredential}
> >
<div className="flex flex-col items-center w-full max-w-full">
<Key <Key
className="shrink-0" className="shrink-0"
style={{ width: "40px", height: "40px" }} style={{ width: "40px", height: "40px" }}
/> />
<span className="font-semibold text-sm mt-2"> <span
className="font-semibold text-sm mt-2 text-center block"
style={{
wordWrap: "break-word",
overflowWrap: "break-word",
width: "100%",
maxWidth: "100%",
hyphens: "auto",
display: "block",
whiteSpace: "normal",
}}
>
{t("dashboard.addCredential")} {t("dashboard.addCredential")}
</span> </span>
</div>
</Button> </Button>
{isAdmin && ( {isAdmin && (
<Button <Button
variant="outline" variant="outline"
className="border-2 !border-edge flex flex-col items-center justify-center h-auto p-3 min-w-0 !bg-canvas" className="border-2 !border-edge flex flex-col items-center justify-center h-auto p-3 !bg-canvas"
onClick={handleOpenAdminSettings} onClick={handleOpenAdminSettings}
> >
<div className="flex flex-col items-center w-full max-w-full">
<Settings <Settings
className="shrink-0" className="shrink-0"
style={{ width: "40px", height: "40px" }} style={{ width: "40px", height: "40px" }}
/> />
<span className="font-semibold text-sm mt-2"> <span
className="font-semibold text-sm mt-2 text-center block"
style={{
wordWrap: "break-word",
overflowWrap: "break-word",
width: "100%",
maxWidth: "100%",
hyphens: "auto",
display: "block",
whiteSpace: "normal",
}}
>
{t("dashboard.adminSettings")} {t("dashboard.adminSettings")}
</span> </span>
</div>
</Button> </Button>
)} )}
<Button <Button
variant="outline" variant="outline"
className="border-2 !border-edge flex flex-col items-center justify-center h-auto p-3 min-w-0 !bg-canvas" className="border-2 !border-edge flex flex-col items-center justify-center h-auto p-3 !bg-canvas"
onClick={handleOpenUserProfile} onClick={handleOpenUserProfile}
> >
<div className="flex flex-col items-center w-full max-w-full">
<User <User
className="shrink-0" className="shrink-0"
style={{ width: "40px", height: "40px" }} style={{ width: "40px", height: "40px" }}
/> />
<span className="font-semibold text-sm mt-2"> <span
className="font-semibold text-sm mt-2 text-center block"
style={{
wordWrap: "break-word",
overflowWrap: "break-word",
width: "100%",
maxWidth: "100%",
hyphens: "auto",
display: "block",
whiteSpace: "normal",
}}
>
{t("dashboard.userProfile")} {t("dashboard.userProfile")}
</span> </span>
</div>
</Button> </Button>
</div> </div>
</div> </div>