mirror of
https://framagit.org/les/gancio.git
synced 2025-01-31 16:42:22 +01:00
85 lines
1.8 KiB
Vue
85 lines
1.8 KiB
Vue
<template lang='pug'>
|
|
#app
|
|
Nav
|
|
Home
|
|
transition(name="fade" mode="out-in")
|
|
//- router-view(name='modal')
|
|
nuxt
|
|
</template>
|
|
|
|
<script>
|
|
// import moment from 'dayjs'
|
|
// import api from './api'
|
|
// import { mapActions } from 'vuex';
|
|
// import Register from './components/Register.vue'
|
|
// import Login from './components/Login.vue'
|
|
// import Settings from './components/Settings.vue'
|
|
// import newEvent from './components/newEvent.vue'
|
|
// import eventDetail from './components/EventDetail.vue'
|
|
import Home from '~/components/Home.vue'
|
|
import Nav from '~/components/Nav.vue'
|
|
|
|
export default {
|
|
name: 'App',
|
|
// mounted () {
|
|
// this.updateMeta()
|
|
// },
|
|
// methods: mapActions(['updateMeta']),
|
|
// components: { Nav, Register, Login, Home, Settings, newEvent, eventDetail },
|
|
components: { Nav, Home },
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
#logo {
|
|
max-height: 40px;
|
|
}
|
|
|
|
.navbar-brand {
|
|
padding: 0px;
|
|
}
|
|
|
|
#search,
|
|
#search ul {
|
|
align-items: baseline;
|
|
}
|
|
|
|
html, body {
|
|
scrollbar-face-color: #313543;
|
|
scrollbar-track-color: rgba(0, 0, 0, 0.1);
|
|
font-family: Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
|
|
color: #2c3e50;
|
|
background: black;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 7px;
|
|
height: 7px; }
|
|
::-webkit-scrollbar-thumb {
|
|
background: #313543;
|
|
border: 0px none #ffffff;
|
|
border-radius: 6px; }
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #353a49; }
|
|
::-webkit-scrollbar-thumb:active {
|
|
background: #313543; }
|
|
::-webkit-scrollbar-track {
|
|
border: 0px none #ffffff;
|
|
border-radius: 6px;
|
|
background: rgba(0, 0, 0, 0.1); }
|
|
::-webkit-scrollbar-track:hover {
|
|
background: #282c37; }
|
|
::-webkit-scrollbar-track:active {
|
|
background: #282c37; }
|
|
::-webkit-scrollbar-corner {
|
|
background: transparent; }
|
|
|
|
|
|
/* .column {
|
|
margin-top: 3px;
|
|
margin-right: 3px;
|
|
margin-bottom: 3px;
|
|
width: 350px;
|
|
} */
|
|
|
|
</style>
|