ref: Revert changes and make minimal fix

snapshot-labs · Feb 5, 2024 · 51df5c4 · 51df5c4
1 parent f2d5665
commit 51df5c4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/src/style.scss b/src/style.scss
@@ -173,6 +173,16 @@ a,
   @apply bg-skin-text animate-pulse-fast;
 }
 
+.hero {
+  background-repeat: repeat;
+  background-position: top center;
+  background-image: url('@/assets/grid-light.svg');
+}
+
+.dark .hero {
+  background-image: url('@/assets/grid-dark.svg');
+}
+
 .no-scrollbar::-webkit-scrollbar {
   display: none;
 }

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -6,7 +6,7 @@ const COMMIT_SHA = import.meta.env.VITE_COMMIT_SHA || '';
 
 <template>
   <div>
-    <div class="py-8 mb-6 border-b dark:bg-hero-dark bg-hero-light bg-repeat bg-top">
+    <div class="py-8 mb-6 border-b hero">
       <Container class="!max-w-screen-md my-1">
         <h1 class="mb-4 mono max-w-[580px]">The governance stack for your organization.</h1>
         <a href="https://tally.so/r/wA2D2o" target="_blank">

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -42,10 +42,6 @@ module.exports = {
       },
       animation: {
         'pulse-fast': 'pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite'
-      },
-      backgroundImage: {
-        'hero-dark': "url('@/assets/grid-dark.svg')",
-        'hero-light': "url('@/assets/grid-light.svg')"
       }
     },
     screens: {