homelink
This commit is contained in:
parent
958cb8f43c
commit
2a6862a78c
|
@ -10,6 +10,11 @@ $primary: #E75B12;
|
|||
|
||||
transition: right 300ms linear;
|
||||
|
||||
&.main {
|
||||
right: auto;
|
||||
left: 2rem;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: $bg;
|
||||
color: $textColor;
|
||||
|
@ -52,12 +57,12 @@ $primary: #E75B12;
|
|||
}
|
||||
|
||||
&-inner {
|
||||
max-height: calc(100vh - 38rem);
|
||||
// max-height: calc(100vh - 38rem);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
&-content {
|
||||
max-height: 100%;
|
||||
max-height: 50vh;
|
||||
overflow: auto;
|
||||
|
||||
background-color: $bg;
|
||||
|
@ -70,9 +75,7 @@ $primary: #E75B12;
|
|||
font-family: 'main';
|
||||
}
|
||||
|
||||
&-list {
|
||||
|
||||
}
|
||||
&-list {}
|
||||
|
||||
&-list-item {
|
||||
font-size: 1.875rem;
|
||||
|
@ -83,7 +86,7 @@ $primary: #E75B12;
|
|||
input {
|
||||
margin-right: 2rem;
|
||||
|
||||
&.checked + label {
|
||||
&.checked+label {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
@ -98,11 +101,8 @@ $primary: #E75B12;
|
|||
|
||||
p {
|
||||
font-size: 1rem;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: darken($textColor2, 30%);
|
||||
|
|
|
@ -81,6 +81,11 @@ const sidebarFunc = () => {
|
|||
<i-mdi-chevron-left />
|
||||
</a>
|
||||
</div>
|
||||
<div class="homelink main" v-if="route.params.item">
|
||||
<RouterLink :to="`/${route.params.item.toString()}`" @click.prevent="sidebarFunc">
|
||||
<i-mdi-home />
|
||||
</RouterLink>
|
||||
</div>
|
||||
</div>
|
||||
<Sidebar />
|
||||
</div>
|
||||
|
|
|
@ -40,7 +40,7 @@ watch(() => sidebar.$state.is_open, () => {
|
|||
<div class="sidebar-content" v-if="sidebar.title">
|
||||
<h2>{{ sidebar.title }}</h2>
|
||||
<div class="sidebar-inner" v-if="sidebar.description">
|
||||
<template v-for="p in sidebar.description.split('\n')">
|
||||
<template v-for="p in sidebar.description.replace(/(\n|\r)+/g, '\n').split('\n')">
|
||||
<p>{{ p }}</p>
|
||||
</template>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue