ui-fix topbar (#245)
This commit is contained in:
@@ -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>
|
||||||
|
Reference in New Issue
Block a user