diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-08-13 23:02:43 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-08-13 23:02:43 +0900 |
| commit | b5fe4ba9bef376a5977c23c82f4666458abcecfd (patch) | |
| tree | 815953d2abfa87910413dbc09cc20983e3ef5989 /src/client/components/ui | |
| parent | Merge branch 'develop' of https://github.com/syuilo/misskey into develop (diff) | |
| download | sharkey-b5fe4ba9bef376a5977c23c82f4666458abcecfd.tar.gz sharkey-b5fe4ba9bef376a5977c23c82f4666458abcecfd.tar.bz2 sharkey-b5fe4ba9bef376a5977c23c82f4666458abcecfd.zip | |
WIP: Improve admin dashboard
Diffstat (limited to 'src/client/components/ui')
| -rw-r--r-- | src/client/components/ui/container.vue | 21 |
1 files changed, 13 insertions, 8 deletions
diff --git a/src/client/components/ui/container.vue b/src/client/components/ui/container.vue index 247bfdbb9e..382dd76eff 100644 --- a/src/client/components/ui/container.vue +++ b/src/client/components/ui/container.vue @@ -2,11 +2,13 @@ <div class="ukygtjoj _panel" :class="{ naked, hideHeader: !showHeader, scrollable, closed: !showBody }" v-size="{ max: [380], el: resizeBaseEl }"> <header v-if="showHeader" ref="header"> <div class="title"><slot name="header"></slot></div> - <slot name="func"></slot> - <button class="_button" v-if="bodyTogglable" @click="() => showBody = !showBody"> - <template v-if="showBody"><fa :icon="faAngleUp"/></template> - <template v-else><fa :icon="faAngleDown"/></template> - </button> + <div class="sub"> + <slot name="func"></slot> + <button class="_button" v-if="bodyTogglable" @click="() => showBody = !showBody"> + <template v-if="showBody"><fa :icon="faAngleUp"/></template> + <template v-else><fa :icon="faAngleDown"/></template> + </button> + </div> </header> <transition name="container-toggle" @enter="enter" @@ -153,14 +155,17 @@ export default Vue.extend({ } } - > button { + > .sub { position: absolute; z-index: 2; top: 0; right: 0; - padding: 0; - width: 42px; height: 100%; + + > button { + width: 42px; + height: 100%; + } } } |