From aa95e57a10865c6df2046359581d4eeaa40ae75e Mon Sep 17 00:00:00 2001 From: andres Date: Sun, 7 Jul 2024 15:57:59 +0200 Subject: [PATCH] style settings a bit --- frontend/bun.lockb | Bin 132417 -> 132942 bytes frontend/package.json | 1 + frontend/src/components/settings-dialog.tsx | 117 ++++++++++++-------- frontend/src/components/ui/index.ts | 1 + frontend/src/components/ui/label.tsx | 24 ++++ 5 files changed, 98 insertions(+), 45 deletions(-) create mode 100644 frontend/src/components/ui/label.tsx diff --git a/frontend/bun.lockb b/frontend/bun.lockb index eea2418f63f4ed42b1c551c41fad6effab22e802..188bb3bc76672df802ea09ae94bb6d50fe2de826 100644 GIT binary patch delta 20713 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 E4P=!%f&c&j diff --git a/frontend/package.json b/frontend/package.json index 0cb2a08..8a6ed85 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -14,6 +14,7 @@ "@it-incubator/prettier-config": "^0.1.2", "@radix-ui/react-dialog": "^1.1.1", "@radix-ui/react-dropdown-menu": "^2.1.1", + "@radix-ui/react-label": "^2.1.0", "@radix-ui/react-select": "^2.1.1", "@radix-ui/react-slot": "^1.1.0", "@radix-ui/react-switch": "^1.1.0", diff --git a/frontend/src/components/settings-dialog.tsx b/frontend/src/components/settings-dialog.tsx index 844cd0d..b7f792f 100644 --- a/frontend/src/components/settings-dialog.tsx +++ b/frontend/src/components/settings-dialog.tsx @@ -9,6 +9,7 @@ import { DialogTitle, DialogTrigger, Input, + Label, Switch, Table, TableBody, @@ -63,63 +64,89 @@ export function SettingsDialog() {
-
-

Pagination options

-

Add or remove options for the amount of rows per page

- - - {paginationOptions.map((option) => ( - - - {option} - - - - - - ))} - -
-
- - -
-
-
-

Automatically format dates

-

- When turned on, will show timestamp cells in tables in a human - readable format -

+
+
+ +

+ When turned on, will show timestamp cells in tables in a human + readable format +

+
-
-

Show previews for images

-

- When turned on, will automatically detect image URL's in tables - and add a preview alongside. -

-

- Might significantly increase load on you CDN, use with caution. -

+
+
+ +

+ When turned on, will automatically detect image URL's in tables + and add a preview alongside. +

+

+ Might significantly increase load on you CDN, use with caution. +

+
+
+
+ +

+ Add or remove options for the amount of rows per page +

+
+
+ + + {paginationOptions.map((option) => ( + + + {option} + + + + + + ))} + +
+
+ + +
+
+
diff --git a/frontend/src/components/ui/index.ts b/frontend/src/components/ui/index.ts index cc8ee6b..c67c98f 100644 --- a/frontend/src/components/ui/index.ts +++ b/frontend/src/components/ui/index.ts @@ -3,6 +3,7 @@ export * from "./data-table-pagination"; export * from "./dialog"; export * from "./dropdown-menu"; export * from "./input"; +export * from "./label"; export * from "./mode-toggle"; export * from "./select"; export * from "./switch"; diff --git a/frontend/src/components/ui/label.tsx b/frontend/src/components/ui/label.tsx new file mode 100644 index 0000000..683faa7 --- /dev/null +++ b/frontend/src/components/ui/label.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import * as LabelPrimitive from "@radix-ui/react-label" +import { cva, type VariantProps } from "class-variance-authority" + +import { cn } from "@/lib/utils" + +const labelVariants = cva( + "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" +) + +const Label = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef & + VariantProps +>(({ className, ...props }, ref) => ( + +)) +Label.displayName = LabelPrimitive.Root.displayName + +export { Label }