sim1222/test1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

enhance(client): tweak ui

Browse Source
This commit is contained in:
syuilo
2022-07-18 05:03:39 +09:00
parent cbd07cdbe9
commit 49499f3d7d
5 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/client/src/components/ui/window.vue
View File

@ -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>