diff --git a/src/app.css b/src/app.css index 2b53307..b475734 100644 --- a/src/app.css +++ b/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); +} diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte index 689a5e4..af81644 100644 --- a/src/components/svgCard.svelte +++ b/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}` }); }; diff --git a/src/data/svgs.ts b/src/data/svgs.ts index 4dc4ae4..ff489f1 100644 --- a/src/data/svgs.ts +++ b/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/' - }, + } ]; diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 8f1e001..60c7fd8 100644 --- a/src/routes/+layout.svelte +++ b/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" >

svgl

-

v3.2.0

+

v3.2.1

@@ -130,8 +130,9 @@ diff --git a/src/types/categories.ts b/src/types/categories.ts index 65615f3..b3a3d53 100644 --- a/src/types/categories.ts +++ b/src/types/categories.ts @@ -13,5 +13,4 @@ export type tCategory = | 'Entertainment' | 'Browser' | 'Language' - | 'Education' - | 'Jobs'; + | 'Education';