35 lines
699 B
Vue
35 lines
699 B
Vue
<template lang="pug">
|
|
aside.nav
|
|
.sidebar
|
|
nuxt-link(to="/general") General
|
|
nuxt-link(to="/html") HTML
|
|
nuxt-link(to="/css") CSS
|
|
nuxt-link(to="/javascript") Javascript
|
|
nuxt-link(to="/php") PHP
|
|
nuxt-link(to="/design") Designs
|
|
nuxt-link(to="/servers") Servers
|
|
nuxt-link(to="/tools") Tools
|
|
nuxt-link(to="/daily") Daily
|
|
</template>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
.sidebar {
|
|
display:grid;
|
|
grid-template-columns: 1fr;
|
|
font-size: 14px;
|
|
|
|
a {
|
|
padding: .5rem 1rem .5rem 1rem;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 400px) {
|
|
.sidebar {
|
|
display:grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(6rem,1fr));
|
|
}
|
|
}
|
|
</style>
|