OEKZident.de/ovdashboard
2
0
Fork 0
Code Releases 1 Packages Activity

slot naming

Browse source
This commit is contained in:
Jörn-Michael Miehe 2022-09-24 16:45:51 +00:00
parent 41cf2ff90c
commit 824b932069
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/src/App.vue
View file

@ -3,11 +3,11 @@
<v-layout column fill-height>
<TitleBar />
<Dashboard>
<div slot="message" class="d-flex flex-column fill-height">
<div slot="left" class="d-flex flex-column fill-height">
<Message />
<ImageCarousel class="mt-auto" />
</div>
<div slot="calendars" class="d-flex flex-column fill-height">
<div slot="right" class="d-flex flex-column fill-height">
<CalendarCarousel />
<DashboardInfo class="mt-auto" />
</div>

4
ui/src/components/Dashboard.vue
View file

@ -2,10 +2,10 @@
<v-container fill-height class="pa-0">
<v-layout class="flex-wrap">
<v-col cols="12" sm="4">
<slot name="message">MESSAGE</slot>
<slot name="left" />
</v-col>
<v-col cols="12" sm="8">
<slot name="calendars">CALENDARS</slot>
<slot name="right" />
</v-col>
</v-layout>
</v-container>