Turbo/peer-group-grading
9
3
Fork 0
Code Issues 44 Pull requests 2 Projects 1 Releases Packages Wiki Activity Actions

frontend/creating-a-sidebar #62

Merged
DulliGulli merged 16 commits from frontend/creating-a-sidebar into main 2025-04-09 10:43:10 +02:00
Conversation 0 Commits 16 Files changed 5 +21 -15
2 changed files with 21 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 585f80b29d - Show all commits

5
frontend/src/App.vue
View file

@ -18,10 +18,11 @@ const isLoggedIn = true
</HeaderNav> </HeaderNav>
</header> </header>
</div> </div>
<div>
<Siderbar /> <SideBar />
<RouterView /> <RouterView />
</div>
</template> </template>
<style scoped></style> <style scoped></style>

15
frontend/src/components/SideBar.vue
View file

@ -2,20 +2,25 @@
import Drawer from 'primevue/drawer' import Drawer from 'primevue/drawer'
import { ref } from 'vue' import { ref } from 'vue'
var elements: ['Max', 'Anna', 'Tom'] var elements = ['doulrion', 'Anna', 'Tom']
var visible = ref(true) var visible = ref(true)
var closeIcon = ref(false)
</script> </script>
<template> <template>
<div class="card flex justify-center"> <Drawer
<Drawer v-model:visible="visible" header="Drawer"> v-model:visible="visible"
:showCloseIcon="closeIcon"
:modal="false"
:dismissable="false"
header=""
>
<div> <div>
<ul> <ul>
<li v-for="item in elements"> <li v-for="item in elements">
<p>{{ item }}</p> <a url="twitch.tv/{{ item }}">{{ item }}</a>
</li> </li>
</ul> </ul>
</div> </div>
</Drawer> </Drawer>
</div>
</template> </template>