zero/blossom
1
0
Fork 0
mirror of https://github.com/blossom-editor/blossom synced 2024-11-17 14:39:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

pref: 优化 Mac 平台的 header 展示

Browse Source
This commit is contained in:
xiaozzzi 2024-01-08 21:28:54 +08:00
parent 8a7c731231
commit b47d90f46d
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
blossom-editor/src/renderer/src/components/AppHeader.vue
View File

@ -47,11 +47,9 @@
</el-tooltip>
<el-tooltip content="最佳窗口大小" effect="light" placement="top" :show-after="1000" :hide-after="0" :auto-close="2000">
<div v-if="isElectron()" class="iconbl bl-computer-line" @click="setBestSize"></div>
<div v-if="isElectron()" :class="['iconbl bl-computer-line', isWindows() ? '' : 'electron-mac-last']" @click="setBestSize"></div>
</el-tooltip>
<div class="divider"></div>
<div v-if="isElectron() && isWindows()" class="iconbl bl-subtract-line" @click="windowMin"></div>
<div v-if="isElectron() && isWindows()" :class="['iconbl', isFullScreen ? 'bl-win-reset' : 'bl-box-line']" @click="windowMax"></div>
<div v-if="isElectron() && isWindows()" class="close iconbl bl-a-closeline-line" @click="windowHide"></div>
@ -168,12 +166,12 @@ const quickSettingComplete = () => {
.window-workbench {
@include box($width-workbench, 100%);
@include flex(row, flex-end, flex-end);
@include flex(row, flex-end, center);
color: var(--el-color-primary);
padding-right: 4px;
padding-right: 2px;
div {
@include box(40px, 90%);
@include box(26px, 26px);
@include flex(row, center, center);
cursor: pointer;
transition: 0.3s;
@ -185,6 +183,10 @@ const quickSettingComplete = () => {
}
}
.electron-mac-last {
border-top-right-radius: 9px;
}
.divider {
width: 20px;
cursor: auto;
@ -193,6 +195,10 @@ const quickSettingComplete = () => {
}
}
.bl-subtract-line {
margin-left: 10px;
}
.close {
&:hover {
background-color: var(--el-color-danger);