✨ Design improvements.

src/app.css

@@ -10,11 +10,11 @@
   font-style: normal;
 }
 
-body {
+body,
+nav {
   --sb-track-color: #171717;
   --sb-thumb-color: #404040;
   --sb-size: 10px;
-
   scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
 }
 
@@ -29,3 +29,15 @@ body::-webkit-scrollbar-track {
 body::-webkit-scrollbar-thumb {
   background: var(--sb-thumb-color);
 }
+
+nav::-webkit-scrollbar {
+  width: var(--sb-size);
+}
+
+nav::-webkit-scrollbar-track {
+  background: var(--sb-track-color);
+}
+
+nav::-webkit-scrollbar-thumb {
+  background: var(--sb-thumb-color);
+}

src/components/svgCard.svelte

@@ -8,6 +8,7 @@
   import DownloadSimple from 'phosphor-svelte/lib/DownloadSimple';
   import Copy from 'phosphor-svelte/lib/Copy';
   import Link from 'phosphor-svelte/lib/Link';
+  import Star from 'phosphor-svelte/lib/Star';
 
   // Props:
   export let svgInfo: iSVG;
@@ -31,6 +32,7 @@
       await navigator.clipboard.writeText(content);
     }
     toast.success('Copied to clipboard!', {
+      icon: Star,
       description: `${svgInfo.title} - ${svgInfo.category}`
     });
   };

src/data/svgs.ts

@@ -473,7 +473,7 @@ export const svgs: iSVG[] = [
   {
     id: 68,
     title: 'Arc',
-    category: 'Jobs',
+    category: 'Social',
     route: '/library/arc.svg',
     url: 'https://arc.dev'
   },
@@ -1257,7 +1257,7 @@ export const svgs: iSVG[] = [
   {
     id: 180,
     title: 'Infojobs',
-    category: 'Jobs',
+    category: 'Social',
     route: '/library/infojobs-logo.svg',
     url: 'https://www.infojobs.net/'
   },
@@ -1498,5 +1498,5 @@ export const svgs: iSVG[] = [
     category: 'Crypto',
     route: '/library/matic.svg',
     url: 'https://polygon.technology/'
-  },
+  }
 ];

src/routes/+layout.svelte

@@ -38,7 +38,7 @@
               class="flex items-center space-x-2 duration-150 hover:text-neutral-500 dark:hover:text-neutral-300"
             >
               <h3 class="text-xl font-medium">svgl</h3>
-              <p class="text-neutral-500">v3.2.0</p>
+              <p class="text-neutral-500">v3.2.1</p>
             </div>
           </a>
           <Theme />
@@ -130,8 +130,9 @@
     <Toaster
       position="bottom-right"
       toastOptions={{
-        class:
+        style: `background-color: #171717;
-          'font-sans dark:bg-neutral-800 dark:text-white bg-neutral-200 text-neutral-800 border dark:border-neutral-900 border-neutral-300'
+           color: #ffff; 
+           border-radius: 0.4rem; border: 1px solid #262626;`
       }}
     />
   </div>

src/types/categories.ts

@@ -13,5 +13,4 @@ export type tCategory =
   | 'Entertainment'
   | 'Browser'
   | 'Language'
-  | 'Education'
+  | 'Education';
-  | 'Jobs';