Preliminary support for sidebar icons
This commit is contained in:
parent
1f16f35ef2
commit
43e10289c9
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-row w-14 bg-neutral-700">
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
|
{#each icons as { id, icon, info }}
|
||||||
|
<Icon
|
||||||
|
icon={icon}
|
||||||
|
info={info}
|
||||||
|
/>
|
||||||
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user