Tune spacing, colors in Nav

Adam Plesnik · Adam Plesnik · commit 3eff8a9d9eab · 2024-04-11T12:25:01.000+02:00
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tailwind Labs Job application, Adam Plesník</title>
+    <title>Tailwind Labs Job Application, Adam Plesník</title>
   </head>
   <body>
     <div id="root" class=""></div>
diff --git a/src/partials/Nav.tsx b/src/partials/Nav.tsx
@@ -5,9 +5,9 @@ import HeaderNavAnchor from '../components/HeaderNavAnchor.tsx'
 const Nav = () => {
   return (
     <div
-      className="range/0%,200px sticky top-0 z-20 flex w-full animate-translate-down items-stretch justify-center border-b border-b-slate-200/50 bg-white/20
-        p-1 shadow-lg backdrop-blur-sm timeline supports-animations:-translate-y-24 md:px-1 supports-animations:md:-translate-y-32 supports-animations:lg:-translate-y-40
-        dark:border-b-slate-600/50 dark:bg-slate-800/60"
+      className="sticky top-0 z-20 flex w-full animate-translate-down items-stretch justify-center border-b border-b-slate-200/50 bg-white/20 p-1 text-zinc-800 shadow-lg
+        backdrop-blur-sm timeline range/0%,200px supports-animations:-translate-y-24 md:px-1 supports-animations:md:-translate-y-32 supports-animations:lg:-translate-y-40 dark:border-b-slate-600/50
+        dark:bg-slate-800/60 dark:text-zinc-300"
     >
       <div className="flex w-full max-w-screen-lg items-stretch gap-2 px-8 py-2 md:px-16 lg:px-20">
         <HeaderNavAnchor to="/#plugin">Plugin</HeaderNavAnchor>
diff --git a/src/views/DocsView.tsx b/src/views/DocsView.tsx
@@ -12,7 +12,7 @@ const DocsView = () => {
       <Paragraph size="small" className="opacity-50">
         Tailwind CSS Plugin
       </Paragraph>
-      <div className="mb-4 hidden gap-4 rounded-lg border border-amber-400 bg-amber-50 p-4 text-sm supports-no-animations:flex dark:border-amber-600 dark:bg-stone-700/30">
+      <div className="mt-12 hidden gap-4 rounded-lg border border-amber-400 bg-amber-50 p-4 text-sm supports-no-animations:flex dark:border-amber-600 dark:bg-stone-700/30">
         <WandSparkles
           className="size-6 shrink-0 text-amber-500 dark:text-amber-600"
           strokeWidth="1"
