Preliminary support for sidebar icons

This commit is contained in:
Alessandro Pignotti 2024-09-30 16:24:01 +02:00
parent 1f16f35ef2
commit 43e10289c9
2 changed files with 24 additions and 0 deletions

10
src/Icon.svelte Normal file
View file

@ -0,0 +1,10 @@
<script>
export let icon;
export let info;
</script>
<div
class="p-4 cursor-pointer text-align"
>
{icon}
</div>

View file

@ -1,4 +1,18 @@
<script>
import Icon from './Icon.svelte';
const icons = [
{ icon: '\u{1F6C8}', info: 'Information' }
];
</script>
<div class="flex flex-row w-14 bg-neutral-700">
<div class="flex flex-col">
{#each icons as { id, icon, info }}
<Icon
icon={icon}
info={info}
/>
{/each}
</div>
</div>