website/ui/src/App.vue

64 lines
1.2 KiB
Vue
Raw Normal View History

2021-11-01 15:17:50 +11:00
<template>
<v-app>
<v-main>
<Header></Header>
<router-view/>
</v-main>
</v-app>
</template>
<style>
.troploGradient {
font-weight: 500;background: -webkit-radial-gradient(#0179f3, #0190ea);-webkit-background-clip: text;-webkit-text-fill-color: transparent
}
.theme--dark.v-sheet {
background-color: #151515 !important;
border-color: #151515 !important;
color: #FFFFFF;
}
.card {
overflow: hidden
}
.theme--dark.v-card {
background-color: #151515 !important;
}
/* Works on Firefox */
* {
scrollbar-width: thin;
scrollbar-color: black #151515;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 12px;
}
*::-webkit-scrollbar-track {
background: #0e0e0e;
}
*::-webkit-scrollbar-thumb {
background-color: #151515;
border-radius: 20px;
border: 3px solid #151515;
}
</style>
<script>
import Header from './components/Header.vue'
export default {
name: 'App',
components: {
Header
},
data: () => ({
//
}),
watch: {
$route (to) {
this.$store.commit('setRoute', to.name)
document.title = to.name + ' - ' + this.$store.state.site.name
}
}
};
</script>