diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-08 22:03:06 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-08 22:03:06 +0900 |
| commit | 748a451e233f71dd493f7dd80062278dacaa5e1c (patch) | |
| tree | 7a91b9123f63dcf468f460c3068ae3dbe6210d01 /src/client/components/ui | |
| parent | fix(api): (0 , ms_1.default) is not a function (diff) | |
| download | sharkey-748a451e233f71dd493f7dd80062278dacaa5e1c.tar.gz sharkey-748a451e233f71dd493f7dd80062278dacaa5e1c.tar.bz2 sharkey-748a451e233f71dd493f7dd80062278dacaa5e1c.zip | |
:art:
Diffstat (limited to 'src/client/components/ui')
| -rw-r--r-- | src/client/components/ui/window.vue | 21 |
1 files changed, 14 insertions, 7 deletions
diff --git a/src/client/components/ui/window.vue b/src/client/components/ui/window.vue index 773c3b9b13..6a7c61a7d5 100644 --- a/src/client/components/ui/window.vue +++ b/src/client/components/ui/window.vue @@ -3,11 +3,16 @@ <div class="ebkgocck" :class="{ front }" v-if="showing"> <div class="body _window _shadow _narrow_" @mousedown="onBodyMousedown" @keydown="onKeydown"> <div class="header" :class="{ mini }" @contextmenu.prevent.stop="onContextmenu"> - <button v-if="closeButton" class="_button" @click="close()"><i class="fas fa-times"></i></button> - + <span class="left"> + <slot name="headerLeft"></slot> + </span> <span class="title" @mousedown.prevent="onHeaderMousedown" @touchstart.prevent="onHeaderMousedown"> <slot name="header"></slot> </span> + <span class="right"> + <slot name="headerRight"></slot> + <button v-if="closeButton" class="_button" @click="close()"><i class="fas fa-times"></i></button> + </span> </div> <div class="body" v-if="padding"> <div class="_section"> @@ -418,12 +423,14 @@ export default defineComponent({ height: var(--height); border-bottom: solid 1px var(--divider); - > ::v-deep(button) { - height: var(--height); - width: var(--height); + > .left, > .right { + > ::v-deep(button) { + height: var(--height); + width: var(--height); - &:hover { - color: var(--fgHighlighted); + &:hover { + color: var(--fgHighlighted); + } } } |