opensource/yn
3
0
Fork 0
mirror of https://github.com/purocean/yn.git synced 2026-09-24 15:46:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

标题栏样式优化

Browse Source
This commit is contained in:
purocean
2019-08-21 11:25:11 +08:00
parent 33f55bd2b1
commit 0cb0f4c5fe
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/TitleBar.vue
+8 -4
View File
@@ -8,16 +8,16 @@
<div title="置顶窗口" :class="{btn: true, pin: true, ontop: isAlwaysOnTop}" @click="toggleAlwaysOnTop">
<y-icon class="pin-icon" name="thumbtack"></y-icon>
</div>
<div class="btn" @click="minimize">
<div title="最小化" class="btn" @click="minimize">
<div class="icon minimize"></div>
</div>
<div v-if="isMaximized" class="btn" @click="unmaximize">
<div title="还原" v-if="isMaximized" class="btn" @click="unmaximize">
<div class="icon unmaximize"></div>
</div>
<div v-else class="btn" @click="maximize">
<div title="最大化" v-else class="btn" @click="maximize">
<div class="icon maximize"></div>
</div>
<div class="btn" @click="close">
<div title="关闭" class="btn btn-close" @click="close">
<div class="icon close"></div>
</div>
</div>
@@ -233,6 +233,10 @@ export default {
mask: url(~@/assets/window-close.svg) no-repeat 50% 50%;
}
.action .btn.btn-close:hover {
background-color: rgba(232, 17, 35, .9)
}
.action .btn:hover {
background-color: hsla(0, 0%, 100%, .1)
}