fix: #34

Add shadows to all images in the page equaly remove backgrounds from ollama logo replace box shadow with drop-shadow fix ollama in dark theme delete png
manjaro · Sep 24, 2024 · 70dd9f3 · 70dd9f3
1 parent 8c2ccfd
commit 70dd9f3
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/pages/enterprise.vue b/pages/enterprise.vue
@@ -4,7 +4,7 @@
       <div class="grid gap-12 row-gap-8 lg:grid-cols-2 pb-20">
         <div class="place-self-center">
           <NuxtImg
-            class="h-56 sm:h-96 object-contain"
+            class="h-56 sm:h-96 object-contain drop-shadow-lg dark:drop-shadow-lg-slate-800"
             width="400"
             src="/enterprise/services.png"
             alt=""
@@ -76,21 +76,21 @@
         <div class="flex items-center justify-center -mx-4 lg:pl-8 lg:order-last">
           <div class="flex flex-col items-end px-3">
             <NuxtImg
-              class="object-scale-down mb-6 rounded shadow-lg dark:shadow-slate-800 h-28 sm:h-36 xl:h-44 w-28 sm:w-36 xl:w-44 p-4"
+              class="object-scale-down mb-6 rounded drop-shadow-lg dark:drop-shadow-lg-slate-800 h-28 sm:h-36 xl:h-44 w-28 sm:w-36 xl:w-44 p-4"
               width="400px"
               src="/enterprise/gnome-calendar.webp"
               alt="Zscaler logo"
             />
             <NuxtImg
-              class="object-scale-down w-24 h-24 rounded shadow-lg dark:shadow-slate-800 sm:h-32 xl:h-40 sm:w-32 xl:w-40 p-4"
+              class="object-scale-down w-24 h-24 rounded drop-shadow-lg dark:drop-shadow-lg-slate-800 sm:h-32 xl:h-40 sm:w-32 xl:w-40 p-4"
               width="400px"
-              src="/enterprise/ollama-logo.webp"
+              src="/enterprise/ollama.webp"
               alt="SentinelOne logo"
             />
           </div>
           <div class="px-3">
             <NuxtImg
-              class="object-scale-down w-36 h-36 rounded shadow-lg dark:shadow-slate-800 sm:h-48 xl:h-60 sm:w-48 xl:w-60 p-8"
+              class="object-scale-down w-36 h-36 rounded drop-shadow-lg dark:drop-shadow-lg-slate-800 sm:h-48 xl:h-60 sm:w-48 xl:w-60 p-8"
               width="400px"
               src="/enterprise/freeoffice-logo.webp"
               alt="Microsoft 365 logo"

diff --git a/public/enterprise/ollama-logo.webp b/public/enterprise/ollama-logo.webp
diff --git a/public/enterprise/ollama.webp b/public/enterprise/ollama.webp
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -20,6 +20,9 @@ export default {
   },
   theme: {
     extend: {
+      dropShadow: {
+        'lg-slate-800': ['0 1px 2px #1e293b', '0 1px 1px #1e293b'],
+      },
       colors: {
         text: {
           50: '#12070f',