mirror of
https://github.com/OliveTin/OliveTin
synced 2025-12-13 01:25:45 +00:00
chore: OliveTin 3k progress
This commit is contained in:
32
frontend/resources/vue/Dashboard.vue
Normal file
32
frontend/resources/vue/Dashboard.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<template>
|
||||
<section class = "transparent">
|
||||
<fieldset>
|
||||
<legend>{{ dashboard.title }}</legend>
|
||||
|
||||
<ActionButton :actionData = "action" v-for = "action in dashboard.contents" :key = "action.id" />
|
||||
</fieldset>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import ActionButton from './ActionButton.vue'
|
||||
|
||||
defineProps({
|
||||
dashboard: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
fieldset {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, 180px);
|
||||
grid-auto-rows: 1fr;
|
||||
justify-content: center;
|
||||
place-items: stretch;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user