63 lines
891 B
Vue
63 lines
891 B
Vue
<template>
|
|
<div>
|
|
<Banner v-if="banner" />
|
|
<NuxtPage :keepalive="true" />
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
|
|
const banner = useState("banner", () => false);
|
|
|
|
</script>
|
|
|
|
<style>
|
|
:root {
|
|
--background-color: rgb(30, 30, 30);
|
|
--main-text-color: rgb(190, 190, 190);
|
|
--outline-border: 1px solid rgb(150, 150, 150);
|
|
}
|
|
|
|
html,
|
|
body {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
box-sizing: border-box;
|
|
color: rgb(190, 190, 190);
|
|
background-color: rgb(30, 30, 30);
|
|
margin: 0;
|
|
}
|
|
|
|
*:focus-visible {
|
|
outline: var(--outline-border);
|
|
}
|
|
|
|
a {
|
|
color: aquamarine;
|
|
}
|
|
|
|
.white {
|
|
color: white;
|
|
}
|
|
|
|
.bottom-border {
|
|
border-bottom: 1px solid rgb(70, 70, 70);
|
|
}
|
|
|
|
.left-border {
|
|
border-left: 1px solid rgb(70, 70, 70);
|
|
}
|
|
|
|
.right-border {
|
|
border-right: 1px solid rgb(70, 70, 70);
|
|
}
|
|
|
|
.rounded-corners {
|
|
border-radius: .3rem;
|
|
}
|
|
|
|
|
|
.invisible {
|
|
visibility: hidden;
|
|
}
|
|
|
|
</style>
|