Fix mobile colors

This commit is contained in:
Nicolas Mowen 2024-03-02 07:21:33 -07:00
parent 5ffd643abe
commit 4645079f6c
2 changed files with 12 additions and 6 deletions

View File

@ -15,8 +15,8 @@ const variants = {
inactive: "text-muted-foreground bg-secondary", inactive: "text-muted-foreground bg-secondary",
}, },
secondary: { secondary: {
active: "font-bold text-primary", active: "font-bold text-selected",
inactive: "text-secondary-foreground", inactive: "text-muted-foreground",
}, },
}; };

View File

@ -81,17 +81,23 @@ export default function LiveDashboardView({
<div /> <div />
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<Button <Button
className={layout == "grid" ? "text-blue-600 bg-blue-200" : ""} className={
layout == "grid"
? "text-selected bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60"
: "text-muted-foreground bg-muted"
}
size="xs" size="xs"
variant="secondary"
onClick={() => setLayout("grid")} onClick={() => setLayout("grid")}
> >
<CiGrid31 className="m-1" /> <CiGrid31 className="m-1" />
</Button> </Button>
<Button <Button
className={layout == "list" ? "text-blue-600 bg-blue-200" : ""} className={
layout == "list"
? "text-selected bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60"
: "text-muted-foreground bg-muted"
}
size="xs" size="xs"
variant="secondary"
onClick={() => setLayout("list")} onClick={() => setLayout("list")}
> >
<CiGrid2H className="m-1" /> <CiGrid2H className="m-1" />