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

fix: Resize dashboard boxes and reduce server stats size to add scrolling

Browse Source
This commit is contained in:
LukeGus
2025-10-18 16:09:40 -05:00
parent eda60ae3b6
commit 7d76731ee9
2 changed files with 49 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/ui/Desktop/Apps/Dashboard/Dashboard.tsx
View File

@@ -380,7 +380,7 @@ export function Dashboard({
<Separator className="mt-3 p-0.25" /> <Separator className="mt-3 p-0.25" />
<div className="flex flex-col h-screen my-5 mx-5 gap-4"> <div className="flex flex-col flex-1 my-5 mx-5 gap-4 min-h-0">
<div className="flex flex-row flex-1 gap-4 min-h-0"> <div className="flex flex-row flex-1 gap-4 min-h-0">
<div className="flex-1 border-2 border-dark-border rounded-md bg-dark-bg-darker flex flex-col overflow-hidden"> <div className="flex-1 border-2 border-dark-border rounded-md bg-dark-bg-darker flex flex-col overflow-hidden">
<div className="flex flex-col mx-3 my-2 overflow-y-auto overflow-x-hidden"> <div className="flex flex-col mx-3 my-2 overflow-y-auto overflow-x-hidden">

4
src/ui/Desktop/Apps/Server/Server.tsx
View File

@@ -409,8 +409,9 @@ export function Server({
</div> </div>
<Separator className="p-0.25 w-full" /> <Separator className="p-0.25 w-full" />
<div className="flex-1 overflow-y-auto min-h-0">
{showStatsUI && ( {showStatsUI && (
<div className="rounded-lg border-2 border-dark-border m-3 bg-dark-bg-darker p-4"> <div className="rounded-lg border-2 border-dark-border m-3 bg-dark-bg-darker p-4 max-h-[50vh] overflow-y-auto">
{isLoadingMetrics && !metrics ? ( {isLoadingMetrics && !metrics ? (
<div className="flex items-center justify-center py-8"> <div className="flex items-center justify-center py-8">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
@@ -460,6 +461,7 @@ export function Server({
/> />
</div> </div>
)} )}
</div>
<p className="px-4 pt-2 pb-2 text-sm text-gray-500"> <p className="px-4 pt-2 pb-2 text-sm text-gray-500">
{t("serverStats.feedbackMessage")}{" "} {t("serverStats.feedbackMessage")}{" "}