ondra/ironmount
1
1
Fork 0
mirror of https://github.com/nicotsx/ironmount.git synced 2025-12-10 12:10:51 +01:00
Code Issues Packages Projects Releases 1 Wiki Activity

refactor: unify layout across tabs

Browse Source
This commit is contained in:
Nicolas Meienberger
2025-09-26 22:07:06 +02:00
parent 4fe742e5c8
commit 604e92ab1e
4 changed files with 92 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/client/app/modules/details/tabs/info.tsx
View File

@@ -11,15 +11,17 @@ type Props = {
export const VolumeInfoTabContent = ({ volume, statfs }: Props) => {
return (
<div className="grid gap-3 grid-cols-1 lg:grid-cols-4 lg:grid-rows-[auto_auto]">
<Card className="p-6 lg:col-span-2 lg:row-span-2">
<div className="grid gap-4 xl:grid-cols-[minmax(0,_2.3fr)_minmax(320px,_1fr)]">
<Card className="p-6">
<CreateVolumeForm initialValues={{ ...volume, ...volume.config }} onSubmit={console.log} />
</Card>
<div className="lg:col-span-2 lg:row-span-1">
<HealthchecksCard volume={volume} />
</div>
<div className="lg:col-span-2">
<StorageChart statfs={statfs} />
<div className="grid gap-4">
<div className="lg:row-span-1">
<HealthchecksCard volume={volume} />
</div>
<div className="">
<StorageChart statfs={statfs} />
</div>
</div>
</div>
);