fix css

rickli-cloud · Nov 23, 2024 · 8d73391 · 8d73391
1 parent 91a9e0a
commit 8d73391
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/src/app.css b/src/app.css
@@ -89,7 +89,12 @@
 	}
 
 	.data-form {
-		@apply space-y-6 [&>div]:space-y-2;
+		@apply space-y-6;
+
+		& > div {
+			@apply space-y-2;
+		}
+
 		& label:has(+ *[required])::after,
 		& label:has(+ *[aria-required='true'])::after,
 		& label:has(+ *.required)::after,

diff --git a/src/lib/components/data/acl/EditRule.svelte b/src/lib/components/data/acl/EditRule.svelte
@@ -82,7 +82,7 @@
 							<Select.Value />
 						</Select.Trigger>
 
-						<Select.Content>
+						<Select.Content class="!mt-0">
 							<Select.Group>
 								<Select.Item value="accept">accept</Select.Item>
 							</Select.Group>

diff --git a/src/lib/components/ui/sheet/index.ts b/src/lib/components/ui/sheet/index.ts
@@ -39,7 +39,7 @@ export {
 };
 
 export const sheetVariants = tv({
-	base: 'bg-background fixed z-50 gap-4 p-6 shadow-lg space-y-4 [&>div:has(h2):not(:first-child)]:!mt-8',
+	base: 'bg-background fixed z-50 gap-4 p-6 shadow-lg space-y-4',
 	variants: {
 		side: {
 			top: 'inset-x-0 top-0 border-b',

diff --git a/src/lib/components/ui/sheet/sheet-header.svelte b/src/lib/components/ui/sheet/sheet-header.svelte
@@ -8,6 +8,6 @@
 	export { className as class };
 </script>
 
-<div class={cn('flex flex-col space-y-2 text-left', className)} {...$$restProps}>
+<div class={cn('!mt-8 flex flex-col space-y-2 text-left first:!mt-0', className)} {...$$restProps}>
 	<slot />
 </div>