ui-fix topbar (#245)

This commit is contained in:
Ashin T V
2025-09-21 01:51:38 +05:30
committed by GitHub
parent cb79be68c7
commit c6405b47d2

View File

@@ -29,15 +29,10 @@ export default function DashboardFilters({
}; };
return ( return (
<div className="flex gap-3"> <div className="flex flex-col gap-3 sm:flex-row sm:items-center">
<Select <Select value={domain ?? "All Domains"} onValueChange={(val) => handleDomain(val)}>
value={domain ?? "All Domains"} <SelectTrigger className="w-full sm:w-[180px]">
onValueChange={(val) => handleDomain(val)} {domain ? domainsQuery?.find((d) => d.id === Number(domain))?.name : "All Domains"}
>
<SelectTrigger className="w-[180px]">
{domain
? domainsQuery?.find((d) => d.id === Number(domain))?.name
: "All Domains"}
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
<SelectItem value="All Domains" className="capitalize"> <SelectItem value="All Domains" className="capitalize">
@@ -52,9 +47,13 @@ export default function DashboardFilters({
</SelectContent> </SelectContent>
</Select> </Select>
<Tabs value={days || "7"} onValueChange={(value) => setDays(value)}> <Tabs value={days || "7"} onValueChange={(value) => setDays(value)}>
<TabsList> <TabsList className="w-full sm:w-auto">
<TabsTrigger value="7">7 Days</TabsTrigger> <TabsTrigger value="7" className="flex-1 sm:flex-none">
<TabsTrigger value="30">30 Days</TabsTrigger> 7 Days
</TabsTrigger>
<TabsTrigger value="30" className="flex-1 sm:flex-none">
30 Days
</TabsTrigger>
</TabsList> </TabsList>
</Tabs> </Tabs>
</div> </div>