Preliminary support for sidebar icons
This commit is contained in:
parent
1f16f35ef2
commit
43e10289c9
2 changed files with 24 additions and 0 deletions
10
src/Icon.svelte
Normal file
10
src/Icon.svelte
Normal file
|
@ -0,0 +1,10 @@
|
|||
<script>
|
||||
export let icon;
|
||||
export let info;
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="p-4 cursor-pointer text-align"
|
||||
>
|
||||
{icon}
|
||||
</div>
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue