summaryrefslogtreecommitdiff
path: root/apps/web/src/components/background-settings.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'apps/web/src/components/background-settings.tsx')
-rw-r--r--apps/web/src/components/background-settings.tsx8
1 files changed, 4 insertions, 4 deletions
diff --git a/apps/web/src/components/background-settings.tsx b/apps/web/src/components/background-settings.tsx
index a640dc4c..7e27e574 100644
--- a/apps/web/src/components/background-settings.tsx
+++ b/apps/web/src/components/background-settings.tsx
@@ -40,12 +40,12 @@ export function BackgroundSettings() {
<Button
variant="text"
size="icon"
- className="!size-4 border border-muted-foreground"
+ className="size-4! border border-muted-foreground"
>
- <BackgroundIcon className="!size-3" />
+ <BackgroundIcon className="size-3!" />
</Button>
</PopoverTrigger>
- <PopoverContent className="flex flex-col items-start w-[20rem] h-[16rem] overflow-hidden p-0">
+ <PopoverContent className="flex flex-col items-start w-[20rem] h-64 overflow-hidden p-0">
<div className="flex items-center justify-between w-full gap-2 z-10 bg-popover p-3">
<h2 className="text-sm">Background</h2>
<div className="flex items-center gap-2 text-sm">
@@ -100,7 +100,7 @@ function ColorView({
}) {
return (
<div className="w-full h-full">
- <div className="absolute top-8 left-0 w-[calc(100%-1rem)] h-12 bg-gradient-to-b from-popover to-transparent pointer-events-none" />
+ <div className="absolute top-8 left-0 w-[calc(100%-1rem)] h-12 bg-linear-to-b from-popover to-transparent pointer-events-none" />
<div className="grid grid-cols-4 gap-2 w-full h-full p-3 pt-0 overflow-auto">
<div className="w-full aspect-square rounded-sm cursor-pointer border border-foreground/15 hover:border-primary flex items-center justify-center">
<PipetteIcon className="size-4" />