qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2024-11-10 14:46:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

🎨 Design improvemens + remove unused code on cards

Browse Source
This commit is contained in:
pheralb 2024-01-24 12:35:07 +00:00
parent 700c9f1f51
commit d5ef79b753
1 changed files with 5 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/svgCard.svelte
View File

@ -6,6 +6,7 @@
import jszip from 'jszip';
// Utils:
import { cn } from '@/utils/cn';
import { MIMETYPE, getSvgContent } from '@/utils/getSvgContent';
import { flyAndScale } from '@/utils/flyAndScale';
@ -146,10 +147,6 @@
// Icon Stroke & Size:
let iconStroke = 1.8;
let iconSize = 16;
// Width & Height of <img>:
const width = 40;
const height = 40;
</script>
<CardSpotlight>
@ -157,45 +154,37 @@
<!-- Image -->
{#if wordmarkSvg == true}
<img
class="hidden dark:block mb-4 mt-2 h-10"
class="hidden dark:block mb-4 mt-2 max-h-10 h-auto"
src={typeof svgInfo.wordmark !== 'string'
? svgInfo.wordmark?.dark || ''
: svgInfo.wordmark || ''}
alt={svgInfo.title}
title={svgInfo.title}
loading="lazy"
{width}
{height}
/>
<img
class="block dark:hidden mb-4 mt-2 h-10"
class="block dark:hidden mb-4 mt-2 max-h-10 h-auto"
src={typeof svgInfo.wordmark !== 'string'
? svgInfo.wordmark?.light || ''
: svgInfo.wordmark || ''}
alt={svgInfo.title}
title={svgInfo.title}
loading="lazy"
{width}
{height}
/>
{:else}
<img
class="hidden dark:block mb-4 mt-2 h-10"
class={cn('hidden dark:block mb-4 mt-2 max-h-10')}
src={typeof svgInfo.route !== 'string' ? svgInfo.route.dark : svgInfo.route}
alt={svgInfo.title}
title={svgInfo.title}
loading="lazy"
{width}
{height}
/>
<img
class="block dark:hidden mb-4 mt-2 h-10"
class={cn('block dark:hidden mb-4 mt-2 max-h-10')}
src={typeof svgInfo.route !== 'string' ? svgInfo.route.light : svgInfo.route}
alt={svgInfo.title}
title={svgInfo.title}
loading="lazy"
{width}
{height}
/>
{/if}
<!-- Title -->