Enhance header styling and increase font size for better visibility across multiple dashboard components

This commit is contained in:
headlessdev 2025-04-15 16:25:01 +02:00
parent 8ff112e86e
commit 7660f8bb5c
5 changed files with 14 additions and 14 deletions

View File

@ -260,7 +260,7 @@ export default function Dashboard() {
<SidebarProvider>
<AppSidebar />
<SidebarInset>
<header className="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">
<header className="flex h-16 shrink-0 items-center gap-2 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="flex items-center gap-2 px-4">
<SidebarTrigger className="-ml-1" />
<Separator orientation="vertical" className="mr-2 h-4" />
@ -281,9 +281,9 @@ export default function Dashboard() {
</Breadcrumb>
</div>
</header>
<div className="pl-4 pr-4">
<div className="p-6">
<div className="flex justify-between items-center">
<span className="text-2xl font-semibold">Your Applications</span>
<span className="text-3xl font-bold">Your Applications</span>
<div className="flex gap-2">
<Button
variant="outline"

View File

@ -41,7 +41,7 @@ export default function Dashboard() {
<SidebarProvider>
<AppSidebar />
<SidebarInset className="flex flex-col h-screen">
<header className="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">
<header className="flex h-16 shrink-0 items-center gap-2 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="flex items-center gap-2 px-4">
<SidebarTrigger className="-ml-1 dark:text-white" />
<Separator

View File

@ -265,7 +265,7 @@ export default function Dashboard() {
<SidebarProvider>
<AppSidebar />
<SidebarInset>
<header className="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">
<header className="flex h-16 shrink-0 items-center gap-2 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="flex items-center gap-2 px-4">
<SidebarTrigger className="-ml-1" />
<Separator orientation="vertical" className="mr-2 h-4" />
@ -286,9 +286,9 @@ export default function Dashboard() {
</Breadcrumb>
</div>
</header>
<div className="pl-4 pr-4">
<div className="p-6">
<div className="flex justify-between items-center">
<span className="text-2xl font-semibold">Your Servers</span>
<span className="text-3xl font-bold">Your Servers</span>
<div className="flex gap-2">
<TooltipProvider>
<Tooltip>

View File

@ -135,7 +135,7 @@ export default function Settings() {
<SidebarProvider>
<AppSidebar />
<SidebarInset>
<header className="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">
<header className="flex h-16 shrink-0 items-center gap-2 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="flex items-center gap-2 px-4">
<SidebarTrigger className="-ml-1" />
<Separator orientation="vertical" className="mr-2 h-4" />
@ -156,9 +156,9 @@ export default function Settings() {
</Breadcrumb>
</div>
</header>
<div className="pl-4 pr-4">
<div className="p-6">
<div className="pb-4">
<span className="text-2xl font-semibold">Settings</span>
<span className="text-3xl font-bold">Settings</span>
</div>
<div className="grid gap-6">
<Card className="overflow-hidden border-2 border-muted/20 shadow-sm">

View File

@ -125,7 +125,7 @@ export default function Uptime() {
<SidebarProvider>
<AppSidebar />
<SidebarInset>
<header className="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">
<header className="flex h-16 shrink-0 items-center gap-2 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="flex items-center gap-2 px-4">
<SidebarTrigger className="-ml-1" />
<Separator orientation="vertical" className="mr-2 h-4" />
@ -146,9 +146,9 @@ export default function Uptime() {
</Breadcrumb>
</div>
</header>
<div className="pl-4 pr-4">
<div className="p-6">
<div className="flex justify-between items-center">
<span className="text-2xl font-semibold">Uptime</span>
<span className="text-3xl font-bold">Uptime</span>
<Select
value={String(timespan)}
onValueChange={(v) => {