mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-12-04 01:38:54 +09:00
Code

wip

Browse Source
This commit is contained in:
syuilo 2020-07-04 21:47:54 +09:00
parent 157f1c66dc
commit 1b75984046
1 changed files with 59 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/client/app.vue
View File

@ -86,8 +86,7 @@
</div>
</main>
<div class="widgets">
<div ref="widgets" :class="{ edit: widgetsEditMode }">
<div class="widgets" :class="{ edit: widgetsEditMode }">
<template v-if="isDesktop && $store.getters.isSignedIn">
<template v-if="widgetsEditMode">
<mk-button primary @click="addWidget" class="add"><fa :icon="faPlus"/></mk-button>
@ -114,7 +113,6 @@
</template>
</div>
</div>
</div>
<div class="buttons">
<button class="button nav _button" @click="showNav = true" ref="navButton"><fa :icon="faBars"/><i v-if="navIndicated"><fa :icon="faCircle"/></i></button>
@ -575,7 +573,7 @@ export default Vue.extend({
$ui-font-size: 1em;
$nav-icon-only-threshold: 1279px;
$nav-hide-threshold: 650px;
$side-hide-threshold: 1070px;
$side-hide-threshold: 1090px;
min-height: 100vh;
box-sizing: border-box;
@ -965,13 +963,6 @@ export default Vue.extend({
}
> .widgets {
box-sizing: border-box;
@media (max-width: $side-hide-threshold) {
display: none;
}
> div {
position: sticky;
top: $header-height;
height: calc(100vh - #{$header-height});
@ -979,6 +970,10 @@ export default Vue.extend({
overflow: auto;
box-shadow: 1px 0 0 0 var(--divider), -1px 0 0 0 var(--divider);
@media (max-width: $side-hide-threshold) {
display: none;
}
> * {
margin: var(--margin) 0;
width: 300px;
@ -1020,7 +1015,6 @@ export default Vue.extend({
}
}
}
}
> .post {
display: none;