qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-02-06 06:58:04 +08:00
Code Issues Actions 3 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'; import jszip from 'jszip';
// Utils: // Utils:
import { cn } from '@/utils/cn';
import { MIMETYPE, getSvgContent } from '@/utils/getSvgContent'; import { MIMETYPE, getSvgContent } from '@/utils/getSvgContent';
import { flyAndScale } from '@/utils/flyAndScale'; import { flyAndScale } from '@/utils/flyAndScale';
@ -146,10 +147,6 @@
// Icon Stroke & Size: // Icon Stroke & Size:
let iconStroke = 1.8; let iconStroke = 1.8;
let iconSize = 16; let iconSize = 16;
// Width & Height of <img>:
const width = 40;
const height = 40;
</script> </script>
<CardSpotlight> <CardSpotlight>
@ -157,45 +154,37 @@
<!-- Image --> <!-- Image -->
{#if wordmarkSvg == true} {#if wordmarkSvg == true}
<img <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' src={typeof svgInfo.wordmark !== 'string'
? svgInfo.wordmark?.dark || '' ? svgInfo.wordmark?.dark || ''
: svgInfo.wordmark || ''} : svgInfo.wordmark || ''}
alt={svgInfo.title} alt={svgInfo.title}
title={svgInfo.title} title={svgInfo.title}
loading="lazy" loading="lazy"
{width}
{height}
/> />
<img <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' src={typeof svgInfo.wordmark !== 'string'
? svgInfo.wordmark?.light || '' ? svgInfo.wordmark?.light || ''
: svgInfo.wordmark || ''} : svgInfo.wordmark || ''}
alt={svgInfo.title} alt={svgInfo.title}
title={svgInfo.title} title={svgInfo.title}
loading="lazy" loading="lazy"
{width}
{height}
/> />
{:else} {:else}
<img <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} src={typeof svgInfo.route !== 'string' ? svgInfo.route.dark : svgInfo.route}
alt={svgInfo.title} alt={svgInfo.title}
title={svgInfo.title} title={svgInfo.title}
loading="lazy" loading="lazy"
{width}
{height}
/> />
<img <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} src={typeof svgInfo.route !== 'string' ? svgInfo.route.light : svgInfo.route}
alt={svgInfo.title} alt={svgInfo.title}
title={svgInfo.title} title={svgInfo.title}
loading="lazy" loading="lazy"
{width}
{height}
/> />
{/if} {/if}
<!-- Title --> <!-- Title -->