Siklos/vue-playground
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Clean Sidebar

Browse source
This commit is contained in:
Hydroxycarbamide 2022-05-15 01:37:03 +02:00
parent df872aafa6
commit b4edb9d8f8
1 changed files with 3 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/Sidebar.vue
View file

@ -1,20 +1,13 @@
<script setup> <script setup>
import { ref } from 'vue'
import SidebarIcon from "./SidebarIcon.vue"; import SidebarIcon from "./SidebarIcon.vue";
const icon = ref('fire');
const icon2 = ref('plus');
const icon3 = ref('poo');
const text = ref('Fire');
const text2 = ref('Plus');
const text3 = ref('Poo');
</script> </script>
<template> <template>
<div class="fixed top-0 left-0 <div class="fixed top-0 left-0
m-0 h-screen bg-slate-900 m-0 h-screen bg-slate-900
text-white shadow-lg w-16 flex flex-col"> text-white shadow-lg w-16 flex flex-col">
<SidebarIcon :icon="icon" :text="text"></SidebarIcon> <SidebarIcon icon="fire" text="Fire"></SidebarIcon>
<SidebarIcon :icon="icon2" :text="text2"></SidebarIcon> <SidebarIcon icon="plus" text="Plus"></SidebarIcon>
<SidebarIcon :icon="icon3" :text="text3"></SidebarIcon> <SidebarIcon icon="poo" text="Poo"></SidebarIcon>
</div> </div>
</template> </template>