style: make main window more flat

This commit is contained in:
zhom
2025-08-08 15:09:13 +04:00
parent 510de96393
commit 3fb81e2ca0
+38 -41
View File
@@ -19,7 +19,6 @@ import { ProfileSelectorDialog } from "@/components/profile-selector-dialog";
import { ProxyManagementDialog } from "@/components/proxy-management-dialog"; import { ProxyManagementDialog } from "@/components/proxy-management-dialog";
import { ProxySettingsDialog } from "@/components/proxy-settings-dialog"; import { ProxySettingsDialog } from "@/components/proxy-settings-dialog";
import { SettingsDialog } from "@/components/settings-dialog"; import { SettingsDialog } from "@/components/settings-dialog";
import { Card, CardContent, CardHeader } from "@/components/ui/card";
import { useAppUpdateNotifications } from "@/hooks/use-app-update-notifications"; import { useAppUpdateNotifications } from "@/hooks/use-app-update-notifications";
import type { PermissionType } from "@/hooks/use-permissions"; import type { PermissionType } from "@/hooks/use-permissions";
import { usePermissions } from "@/hooks/use-permissions"; import { usePermissions } from "@/hooks/use-permissions";
@@ -727,46 +726,44 @@ export default function Home() {
return ( return (
<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen gap-8 font-[family-name:var(--font-geist-sans)] bg-white dark:bg-black"> <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen gap-8 font-[family-name:var(--font-geist-sans)] bg-white dark:bg-black">
<main className="flex flex-col row-start-2 gap-8 items-center w-full max-w-3xl"> <main className="flex flex-col row-start-2 gap-6 items-center w-full max-w-3xl">
<Card className="gap-2 w-full"> <div className="w-full">
<CardHeader> <HomeHeader
<HomeHeader selectedProfiles={selectedProfiles}
selectedProfiles={selectedProfiles} onBulkDelete={handleBulkDelete}
onBulkDelete={handleBulkDelete} onBulkGroupAssignment={handleBulkGroupAssignment}
onBulkGroupAssignment={handleBulkGroupAssignment} onCreateProfileDialogOpen={setCreateProfileDialogOpen}
onCreateProfileDialogOpen={setCreateProfileDialogOpen} onGroupManagementDialogOpen={setGroupManagementDialogOpen}
onGroupManagementDialogOpen={setGroupManagementDialogOpen} onImportProfileDialogOpen={setImportProfileDialogOpen}
onImportProfileDialogOpen={setImportProfileDialogOpen} onProxyManagementDialogOpen={setProxyManagementDialogOpen}
onProxyManagementDialogOpen={setProxyManagementDialogOpen} onSettingsDialogOpen={setSettingsDialogOpen}
onSettingsDialogOpen={setSettingsDialogOpen} />
/> </div>
</CardHeader> <div className="space-y-4 w-full">
<CardContent> <GroupBadges
<GroupBadges selectedGroupId={selectedGroupId}
selectedGroupId={selectedGroupId} onGroupSelect={handleSelectGroup}
onGroupSelect={handleSelectGroup} groups={groups}
groups={groups} isLoading={areGroupsLoading}
isLoading={areGroupsLoading} />
/> <ProfilesDataTable
<ProfilesDataTable data={profiles}
data={profiles} onLaunchProfile={launchProfile}
onLaunchProfile={launchProfile} onKillProfile={handleKillProfile}
onKillProfile={handleKillProfile} onProxySettings={openProxyDialog}
onProxySettings={openProxyDialog} onDeleteProfile={handleDeleteProfile}
onDeleteProfile={handleDeleteProfile} onRenameProfile={handleRenameProfile}
onRenameProfile={handleRenameProfile} onChangeVersion={openChangeVersionDialog}
onChangeVersion={openChangeVersionDialog} onConfigureCamoufox={handleConfigureCamoufox}
onConfigureCamoufox={handleConfigureCamoufox} runningProfiles={runningProfiles}
runningProfiles={runningProfiles} isUpdating={isUpdating}
isUpdating={isUpdating} onDeleteSelectedProfiles={handleDeleteSelectedProfiles}
onDeleteSelectedProfiles={handleDeleteSelectedProfiles} onAssignProfilesToGroup={handleAssignProfilesToGroup}
onAssignProfilesToGroup={handleAssignProfilesToGroup} selectedGroupId={selectedGroupId}
selectedGroupId={selectedGroupId} selectedProfiles={selectedProfiles}
selectedProfiles={selectedProfiles} onSelectedProfilesChange={setSelectedProfiles}
onSelectedProfilesChange={setSelectedProfiles} />
/> </div>
</CardContent>
</Card>
</main> </main>
<ProxySettingsDialog <ProxySettingsDialog