adjusted bottom margin of footer; images on projects page now shrink on mobile
This commit is contained in:
28
src/lib/lists/link-list.svelte
Normal file
28
src/lib/lists/link-list.svelte
Normal file
@@ -0,0 +1,28 @@
|
||||
<script lang="ts">
|
||||
export interface LinkEntry {
|
||||
icon?: string;
|
||||
text: string;
|
||||
link: string;
|
||||
}
|
||||
|
||||
let {
|
||||
entries,
|
||||
} : {
|
||||
entries: LinkEntry[];
|
||||
} = $props();
|
||||
</script>
|
||||
|
||||
{#snippet listEntry({ entry }: { entry: LinkEntry })}
|
||||
{#if entry.icon}
|
||||
<img height="24px" src={entry.icon} alt="Icon">
|
||||
{/if}
|
||||
{@html entry.text}
|
||||
{/snippet}
|
||||
|
||||
<div class="list">
|
||||
{#each entries as entry}
|
||||
<a href={entry.link}>
|
||||
{@render listEntry({entry})}
|
||||
</a>
|
||||
{/each}
|
||||
</div>
|
||||
Reference in New Issue
Block a user