improve(electron): polish toolbar ui

This commit is contained in:
charlie
2021-01-26 16:56:40 +08:00
parent ea66b25a5a
commit 76de88104e
5 changed files with 29 additions and 8 deletions

View File

@@ -95,13 +95,12 @@ html[data-theme=light] {
html.is-electron {
--frame-top-height: 24px;
.theme-inner {
padding-top: var(--frame-top-height);
}
.theme-inner {}
.cp__header {
height: 2rem;
top: var(--frame-top-height);
padding-top: var(--frame-top-height);
top: 0;
}
.cp__right-sidebar {
@@ -109,11 +108,30 @@ html.is-electron {
}
&.is-mac {
.ls-window-frame-title-bar {
padding-left: 70px;
.cp__header {
padding-top: calc(var(--frame-top-height) + 12px);
&-logo {
height: var(--frame-top-height);
}
&:before {
content: " ";
position: fixed;
top: 0;
left: 0;
z-index: 8;
-webkit-app-region: drag;
width: 100%;
height: var(--frame-top-height);
}
}
}
#search {
-webkit-app-region: drag;
}
.ls-window-frame-title-bar {
background-color: var(--ls-primary-background-color);
position: fixed;