fix: hamburger menu fill (#374)

EddieHubCommunity · Oct 1, 2023 · a4f0f76 · a4f0f76
1 parent 11a3779
commit a4f0f76
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/lib/components/header.svelte b/src/lib/components/header.svelte
@@ -42,7 +42,7 @@
       data-test-id="hamburger-btn"
     >
       <svg
-        class="block h-4 w-4 fill-current dark:hidden"
+        class="block h-4 w-4 dark:hidden"
         viewBox="0 0 20 20"
         xmlns="http://www.w3.org/2000/svg"
       >

diff --git a/src/lib/components/index/graphql-card.svelte b/src/lib/components/index/graphql-card.svelte
@@ -9,11 +9,7 @@
     fill="#e10098"
     role="img"
     aria-label="graphql icon"
-    ><style>
-      svg {
-        fill: color(display-p3 0.8824 0 0.5961);
-      }
-    </style>
+  >
     <title>GraphQL</title>
     <path
       fill-rule="evenodd"
@@ -30,7 +26,7 @@
     /></svg
   >
   <div class="flex flex-col items-center justify-center gap-4 transition duration-200">
-    <h3 class="text-xl font-bold text-skin-text-highlight ">GraphQL</h3>
+    <h3 class="text-xl font-bold text-skin-text-highlight">GraphQL</h3>
     <p class="px-8 text-center">a query and manipulation language for APIs</p>
   </div>
 </a>
@@ -55,4 +51,8 @@
       transform: rotate(360deg);
     }
   }
+
+  svg {
+    fill: color(display-p3 0.8824 0 0.5961);
+  }
 </style>