72 lines
1.3 KiB
Vue
72 lines
1.3 KiB
Vue
<template lang='pug'>
|
|
#app
|
|
Nav
|
|
Home
|
|
transition(name="fade" mode="out-in")
|
|
nuxt
|
|
</template>
|
|
|
|
<script>
|
|
import Home from '~/components/Home.vue'
|
|
import Nav from '~/components/Nav.vue'
|
|
|
|
export default {
|
|
name: 'App',
|
|
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>
|