mirror of
https://github.com/Av0idD4rk/packmate.git
synced 2026-10-24 15:09:25 +00:00
131 lines
3.7 KiB
Vue
131 lines
3.7 KiB
Vue
<template>
|
|
<div id="app">
|
|
<Navbar ref="navbar"/>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<transition name="fade" mode="out-in">
|
|
<router-view name="sidebar"/>
|
|
</transition>
|
|
<!-- <Sidebar></Sidebar>-->
|
|
<main role="main" class="col-sm-9 ml-sm-auto px-4">
|
|
<transition name="fade" mode="out-in">
|
|
<router-view name="content"/>
|
|
</transition>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<Settings/>
|
|
<AddService @serviceAddComplete="$refs.navbar.updateServices()"/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Navbar from './components/Navbar';
|
|
import Settings from './views/Settings';
|
|
import AddService from './views/AddService';
|
|
|
|
export default {
|
|
components: {
|
|
AddService,
|
|
Settings,
|
|
Navbar,
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
/* cyrillic-ext */
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
|
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
}
|
|
|
|
/* cyrillic */
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
|
|
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
}
|
|
|
|
/* greek-ext */
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
|
|
unicode-range: U+1F00-1FFF;
|
|
}
|
|
|
|
/* greek */
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
|
|
unicode-range: U+0370-03FF;
|
|
}
|
|
|
|
/* vietnamese */
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
|
|
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
|
}
|
|
|
|
/* latin-ext */
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
|
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
html * {
|
|
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
body {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
/*noinspection CssUnusedSymbol*/
|
|
.fade-enter-active, .fade-leave-active {
|
|
transition: opacity .3s;
|
|
}
|
|
|
|
/*noinspection CssUnusedSymbol*/
|
|
.fade-enter, .fade-leave-to {
|
|
opacity: 0;
|
|
}
|
|
|
|
[role="main"] {
|
|
padding-top: 55px; /* Space for fixed navbar */
|
|
}
|
|
</style>
|