feat: frameless desktop app on Mac

This commit is contained in:
Tienson Qin
2021-06-30 12:17:00 +08:00
parent 1abaf46d95
commit 1eb6ceef4f
5 changed files with 40 additions and 10 deletions

View File

@@ -1,5 +1,6 @@
.cp__header {
@apply shadow z-10 h-12;
-webkit-app-region: drag;
padding-right: 1rem;
display: flex;
@@ -27,6 +28,26 @@
}
}
.is-electron.is-mac .cp__header {
padding-left: 72px;
-moz-transition: padding-left .3s ease-in;
-o-transition: padding-left .3s ease-in;
-webkit-transition: padding-left .3s ease-in;
transition: padding-left .3s ease-in;
}
.cp__header .navigation svg {
transform: scale(0.7);
}
.is-electron.is-mac.is-fullscreen .cp__header {
padding-left: 0;
}
.cp__header a, .cp__header svg {
-webkit-app-region: no-drag;
}
.cp__header-left-menu {
@apply px-4 mr-4;
border-right: 1px solid var(--ls-secondary-background-color);
@@ -41,7 +62,7 @@
}
.cp__header-logo {
@apply px-4 mr-3;
@apply px-4;
height: 100%;
}