Merge pull request #56 from pheralb/dev

✨ v3.2.1

package.json

@@ -1,7 +1,7 @@
 {
   "name": "svgl",
   "author": "@pheralb_",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "description": "A beautiful library with SVG logos.",
   "private": true,
   "license": "MIT",
@@ -29,25 +29,25 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "2.1.0",
-    "@sveltejs/kit": "1.25.1",
-    "@types/downloadjs": "1.4.4",
-    "@typescript-eslint/eslint-plugin": "6.7.3",
-    "@typescript-eslint/parser": "6.7.3",
+    "@sveltejs/kit": "1.27.1",
+    "@types/downloadjs": "1.4.5",
+    "@typescript-eslint/eslint-plugin": "6.9.0",
+    "@typescript-eslint/parser": "6.9.0",
     "autoprefixer": "10.4.16",
-    "eslint": "8.50.0",
+    "eslint": "8.52.0",
     "eslint-config-prettier": "9.0.0",
-    "eslint-plugin-svelte": "2.33.2",
+    "eslint-plugin-svelte": "2.34.0",
     "phosphor-svelte": "1.3.0",
-    "postcss": "8.4.30",
+    "postcss": "8.4.31",
     "prettier": "3.0.3",
     "prettier-plugin-svelte": "3.0.3",
-    "prettier-plugin-tailwindcss": "0.5.4",
-    "svelte": "4.2.1",
+    "prettier-plugin-tailwindcss": "0.5.6",
+    "svelte": "4.2.2",
     "svelte-check": "3.5.2",
-    "tailwindcss": "3.3.3",
+    "tailwindcss": "3.3.5",
     "tslib": "2.6.2",
     "typescript": "5.2.2",
-    "vite": "4.4.9",
-    "vitest": "0.34.5"
+    "vite": "4.5.0",
+    "vitest": "0.34.6"
   }
 }

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:
-          'font-sans dark:bg-neutral-800 dark:text-white bg-neutral-200 text-neutral-800 border dark:border-neutral-900 border-neutral-300'
+        style: `background-color: #171717;
+           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'
-  | 'Jobs';
+  | 'Education';