diff --git a/components/editor.tsx b/components/editor.tsx index d504de1..9f9320d 100644 --- a/components/editor.tsx +++ b/components/editor.tsx @@ -222,11 +222,13 @@ export const Editor = () => {
{/* Bottom Bar */}
-
+
+
+ @@ -247,6 +249,8 @@ export const Editor = () => { +
+
@@ -254,16 +258,19 @@ export const Editor = () => { {/* Image Queue */}
-
+
Queue + + {files?.length! > 0 && ( + + {files?.length} + + )}
{/* Input */} -
+
{ }, }} onValueChange={handleDataChange} - className="relative max-w-xs space-y-1 rounded-xl transition-all hover:bg-neutral-200 dark:hover:bg-neutral-900" + className="relative max-w-xs space-y-1 rounded-xl bg-neutral-300 transition-all hover:bg-neutral-200 dark:bg-neutral-800 dark:hover:bg-neutral-900" > -
- -
+
@@ -307,7 +312,7 @@ export const Editor = () => { onClick={() => { handleRemoveFile(file) }} - className="absolute top-0 bg-neutral-800 opacity-0 transition-all group-hover:opacity-100" + className="absolute left-1 top-1 rounded-full bg-neutral-800 text-neutral-100 opacity-0 transition-all group-hover:opacity-100 dark:hover:bg-neutral-100 dark:hover:text-neutral-950" variant={"ghost"} size={"icon"} > @@ -323,14 +328,12 @@ export const Editor = () => { -

- Files: {files?.length} -

diff --git a/components/ui/button.tsx b/components/ui/button.tsx index de9aa79..2d1c569 100644 --- a/components/ui/button.tsx +++ b/components/ui/button.tsx @@ -9,6 +9,8 @@ const buttonVariants = cva( { variants: { variant: { + surface: + "bg-neutral-400 font-semibold text-neutral-700 hover:text-neutral-100 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-950/60 dark:hover:text-neutral-200 dark:active:bg-neutral-950 hover:bg-neutral-800", default: "bg-primary text-primary-foreground hover:bg-primary/90", destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",