46 lines
645 B
Vue
46 lines
645 B
Vue
<template>
|
|
<PageHeader />
|
|
<main :class="[darkMode ? 'main-darkmode' : 'main-lightmode']">
|
|
<slot />
|
|
</main>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
import PageHeader from "../layouts/PageHeader.vue";
|
|
|
|
const darkMode = ref(true)
|
|
</script>
|
|
|
|
<script>
|
|
export default {
|
|
name: "empty",
|
|
}
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
|
|
main {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 0.625rem;
|
|
padding: 0.625rem 1.5625rem 0.625rem 0.625rem;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.main-darkmode {
|
|
background-color: #212121;
|
|
}
|
|
|
|
.main-lightmode {
|
|
background-color: #EBEBEB;
|
|
}
|
|
</style> |