improve dark and mobile

catdevnull · Nov 30, 2024 · 14d3533 · 14d3533
1 parent 0be7327
commit 14d3533
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/sitio/src/lib/components/AlertInfo.svelte b/sitio/src/lib/components/AlertInfo.svelte
@@ -1,4 +1,4 @@
-<section class="mx-auto w-full max-w-2xl">
+<section class="mx-auto w-full max-w-2xl px-2">
   <div
     class="[&>svg]:text-foreground relative w-full rounded-lg border border-transparent bg-neutral-200 p-4 text-neutral-900 dark:bg-neutral-800 dark:text-white [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4"
   >

diff --git a/sitio/src/routes/+page.svelte b/sitio/src/routes/+page.svelte
@@ -159,7 +159,7 @@
       </Popover.Content>
     </Popover.Root>
 
-    <div class="grid gap-4 text-left md:grid-cols-2">
+    <div class="grid gap-4 px-2 text-left md:grid-cols-2">
       <div
         class="flex flex-col rounded-lg bg-neutral-100 p-4 dark:bg-neutral-800"
       >

diff --git a/sitio/src/routes/AsSeenIn.svelte b/sitio/src/routes/AsSeenIn.svelte
@@ -83,7 +83,7 @@
 
 <!-- https://magicui.design/docs/components/marquee -->
 <div
-  class="group relative flex h-[400px] w-full flex-col gap-4 overflow-hidden bg-neutral-200 [--duration:10s] [--gap:1rem] md:my-4 md:h-auto md:flex-row md:gap-8 md:bg-transparent md:[--duration:25s] md:[--gap:2rem] dark:bg-neutral-900"
+  class="group relative flex h-[400px] w-full flex-col gap-4 overflow-hidden bg-neutral-200 [--duration:10s] [--gap:1rem] md:my-4 md:h-auto md:flex-row md:gap-8 md:bg-transparent md:[--duration:25s] md:[--gap:2rem] dark:bg-neutral-950"
 >
   <!-- {#each refs as ref}
     <a
@@ -116,9 +116,9 @@
     </div>
   {/each}
   <div
-    class="dark:from-background pointer-events-none absolute inset-x-0 -top-1 h-1/3 bg-gradient-to-b from-neutral-100 md:hidden dark:from-neutral-900"
+    class="dark:from-background pointer-events-none absolute inset-x-0 -top-1 h-1/3 bg-gradient-to-b from-neutral-100 md:hidden"
   ></div>
   <div
-    class="dark:from-background pointer-events-none absolute inset-x-0 -bottom-1 h-1/3 bg-gradient-to-t from-neutral-100 md:hidden dark:from-neutral-900"
+    class="dark:from-background pointer-events-none absolute inset-x-0 -bottom-1 h-1/3 bg-gradient-to-t from-neutral-100 md:hidden"
   ></div>
 </div>