From 14d35333e5a307b3bf0a3ae28b06df60002031e9 Mon Sep 17 00:00:00 2001
From: Nulo <git@nulo.in>
Date: Sat, 30 Nov 2024 00:42:21 -0300
Subject: [PATCH] improve dark and mobile

---
 sitio/src/lib/components/AlertInfo.svelte | 2 +-
 sitio/src/routes/+page.svelte             | 2 +-
 sitio/src/routes/AsSeenIn.svelte          | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/sitio/src/lib/components/AlertInfo.svelte b/sitio/src/lib/components/AlertInfo.svelte
index a11a0fd..79eb814 100644
--- 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
index 4207a67..43532a9 100644
--- 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
index ad4a890..80948c2 100644
--- 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>