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> <v-layout column fill-height>
<TitleBar /> <TitleBar />
<Dashboard> <Dashboard>
<div slot="message" class="d-flex flex-column fill-height"> <div slot="left" class="d-flex flex-column fill-height">
<Message /> <Message />
<ImageCarousel class="mt-auto" /> <ImageCarousel class="mt-auto" />
</div> </div>
<div slot="calendars" class="d-flex flex-column fill-height"> <div slot="right" class="d-flex flex-column fill-height">
<CalendarCarousel /> <CalendarCarousel />
<DashboardInfo class="mt-auto" /> <DashboardInfo class="mt-auto" />
</div> </div>

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

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