feat(default layout): 💄 Back to Plain Design Page

bKoZii · Sep 21, 2024 · 13a475c · 13a475c · vercel · Sep 21, 2024
1 parent 57ef5a9
commit 13a475c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 14 deletions.
diff --git a/app.vue b/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <Html class="dark:bg-neutral-950" />
+  <Html class="bg-slate-100 dark:bg-neutral-950" />
   <NuxtLoadingIndicator />
   <NuxtLayout>
     <NuxtPage />

diff --git a/components/Navbar.vue b/components/Navbar.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="sticky max-w-[1300px] mx-auto top-0 md:top-1 z-10 border-b md:border md:rounded-lg bg-white px-6 py-1 shadow-md dark:border-neutral-800 dark:bg-neutral-950/80 dark:text-white dark:backdrop-blur-lg"
+    class="sticky max-w-[1300px] mx-auto top-0 md:top-1 z-10 border-b md:border md:rounded-lg bg-white px-6 py-1 shadow-md dark:border-neutral-800 dark:bg-neutral-800/80 dark:text-white dark:backdrop-blur-lg"
   >
     <header class="flex items-center justify-between xs:justify-between sm:justify-between">
       <ULink id="myName" to="/" class="inline-flex items-center gap-2 text-xl font-extrabold" aria-label="logo">
@@ -13,7 +13,7 @@
             <ULink
               :to="data.to"
               inactive-class="text-neutral-700 hover:text-black dark:text-white dark:hover:text-white hover:bg-neutral-200 dark:hover:bg-neutral-900"
-              active-class="text-primary-500 dark:text-primary-500 dark:hover:text-primary hover:text-primary bg-primary-100/50 dark:bg-primary-900"
+              active-class="text-primary-500 dark:text-primary dark:hover:text-primary hover:text-primary bg-primary-100/50 dark:bg-neutral-700"
               class="inline-flex rounded-lg p-1"
               :aria-label="`Go to ${data.label} Page.`"
             >

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -1,18 +1,8 @@
 <template>
   <div>
-    <div
-      class="fixed inset-0 -z-10 h-full w-full bg-slate-200 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:42px_42px] dark:bg-black"
-    ></div>
-    <div class="fixed inset-0 -z-[9] mx-28 hidden h-screen items-center justify-center lg:flex">
-      <div
-        class="from-primary via-background h-[500px] w-full rounded-full bg-gradient-to-r to-blue-500 opacity-20 blur-[150px] dark:to-blue-600 dark:opacity-15"
-      ></div>
-    </div>
     <Navbar />
     <UContainer class="flex max-w-[1000px] flex-col flex-nowrap gap-2 sm:gap-5" :ui="{ padding: 'p-0 xs:p-0 sm:p-3' }">
-      <main
-        class="rounded-none border bg-white p-3 drop-shadow-md xs:p-5 sm:rounded-lg md:p-5 lg:p-8 dark:border-neutral-800 dark:bg-neutral-950 dark:drop-shadow-none"
-      >
+      <main class="px-3 my-5  md:p-0">
         <slot />
       </main>
       <Footer />