mirror of
https://github.com/misskey-dev/misskey.git
synced 2024-12-25 22:22:51 +09:00
wip
This commit is contained in:
parent
157f1c66dc
commit
1b75984046
@ -86,8 +86,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<div class="widgets">
|
<div class="widgets" :class="{ edit: widgetsEditMode }">
|
||||||
<div ref="widgets" :class="{ edit: widgetsEditMode }">
|
|
||||||
<template v-if="isDesktop && $store.getters.isSignedIn">
|
<template v-if="isDesktop && $store.getters.isSignedIn">
|
||||||
<template v-if="widgetsEditMode">
|
<template v-if="widgetsEditMode">
|
||||||
<mk-button primary @click="addWidget" class="add"><fa :icon="faPlus"/></mk-button>
|
<mk-button primary @click="addWidget" class="add"><fa :icon="faPlus"/></mk-button>
|
||||||
@ -114,7 +113,6 @@
|
|||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="buttons">
|
<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>
|
<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;
|
$ui-font-size: 1em;
|
||||||
$nav-icon-only-threshold: 1279px;
|
$nav-icon-only-threshold: 1279px;
|
||||||
$nav-hide-threshold: 650px;
|
$nav-hide-threshold: 650px;
|
||||||
$side-hide-threshold: 1070px;
|
$side-hide-threshold: 1090px;
|
||||||
|
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@ -965,13 +963,6 @@ export default Vue.extend({
|
|||||||
}
|
}
|
||||||
|
|
||||||
> .widgets {
|
> .widgets {
|
||||||
box-sizing: border-box;
|
|
||||||
|
|
||||||
@media (max-width: $side-hide-threshold) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
> div {
|
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: $header-height;
|
top: $header-height;
|
||||||
height: calc(100vh - #{$header-height});
|
height: calc(100vh - #{$header-height});
|
||||||
@ -979,6 +970,10 @@ export default Vue.extend({
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: 1px 0 0 0 var(--divider), -1px 0 0 0 var(--divider);
|
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;
|
margin: var(--margin) 0;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
@ -1020,7 +1015,6 @@ export default Vue.extend({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
> .post {
|
> .post {
|
||||||
display: none;
|
display: none;
|
||||||
|
Loading…
Reference in New Issue
Block a user