diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-07-18 05:03:39 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-07-18 05:03:39 +0900 |
| commit | 49499f3d7d96ce9e03dd704c47a91ac2c1b43070 (patch) | |
| tree | d6d2bb14bcdd16619aea8f1adc60860969dd70cd /packages/client/src/components/ui | |
| parent | 12.117.0-beta.1 (diff) | |
| download | misskey-49499f3d7d96ce9e03dd704c47a91ac2c1b43070.tar.gz misskey-49499f3d7d96ce9e03dd704c47a91ac2c1b43070.tar.bz2 misskey-49499f3d7d96ce9e03dd704c47a91ac2c1b43070.zip | |
enhance(client): tweak ui
Diffstat (limited to 'packages/client/src/components/ui')
| -rw-r--r-- | packages/client/src/components/ui/window.vue | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/packages/client/src/components/ui/window.vue b/packages/client/src/components/ui/window.vue index 1208619177..e259ecdab3 100644 --- a/packages/client/src/components/ui/window.vue +++ b/packages/client/src/components/ui/window.vue @@ -1,6 +1,6 @@ <template> <transition :name="$store.state.animation ? 'window' : ''" appear @after-leave="$emit('closed')"> - <div v-if="showing" ref="rootEl" class="ebkgocck"> + <div v-if="showing" ref="rootEl" class="ebkgocck" :class="{ maximized }"> <div class="body _shadow _narrow_" @mousedown="onBodyMousedown" @keydown="onKeydown"> <div class="header" :class="{ mini }" @contextmenu.prevent.stop="onContextmenu"> <span class="left"> @@ -87,7 +87,7 @@ const emit = defineEmits<{ provide('inWindow', true); -let rootEl = $ref<HTMLElement>(); +let rootEl = $ref<HTMLElement | null>(); let showing = $ref(true); let beforeClickedAt = 0; let maximized = $ref(false); @@ -116,7 +116,9 @@ function onContextmenu(ev: MouseEvent) { // 最前面へ移動 function top() { - rootEl.style.zIndex = os.claimZIndex(props.front ? 'middle' : 'low'); + if (rootEl) { + rootEl.style.zIndex = os.claimZIndex(props.front ? 'middle' : 'low'); + } } function maximize() { @@ -412,7 +414,7 @@ defineExpose({ left: 0; > .body { - overflow: hidden; + overflow: clip; display: flex; flex-direction: column; contain: content; @@ -550,5 +552,11 @@ defineExpose({ cursor: nesw-resize; } } + + &.maximized { + > .body { + border-radius: 0; + } + } } </style> |