mirror of
https://github.com/qier222/YesPlayMusic.git
synced 2025-02-01 12:04:59 +08:00
fix: UI improvements
This commit is contained in:
parent
6954d91907
commit
5f0828342c
|
@ -139,11 +139,6 @@ a {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// for electron
|
|
||||||
body.is-electron::-webkit-scrollbar {
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Let's get this party started */
|
/* Let's get this party started */
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 8px;
|
width: 8px;
|
||||||
|
@ -152,6 +147,7 @@ body.is-electron::-webkit-scrollbar {
|
||||||
::-webkit-scrollbar-track {
|
::-webkit-scrollbar-track {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-left: 1px solid rgba(128, 128, 128, 0.18);
|
border-left: 1px solid rgba(128, 128, 128, 0.18);
|
||||||
|
background: var(--color-body-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
|
|
|
@ -120,6 +120,9 @@ nav {
|
||||||
height: 24px;
|
height: 24px;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
}
|
}
|
||||||
|
button {
|
||||||
|
-webkit-app-region: no-drag;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.navigation-links {
|
.navigation-links {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
@ -127,6 +130,7 @@ nav {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
a {
|
a {
|
||||||
|
-webkit-app-region: no-drag;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -160,8 +164,8 @@ nav {
|
||||||
|
|
||||||
.search-box {
|
.search-box {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
|
-webkit-app-region: no-drag;
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -224,6 +228,7 @@ nav {
|
||||||
height: 24px;
|
height: 24px;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
|
-webkit-app-region: no-drag;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
export function ipcRenderer(vueInstance) {
|
export function ipcRenderer(vueInstance) {
|
||||||
const self = vueInstance;
|
const self = vueInstance;
|
||||||
// 添加专有的类名
|
// 添加专有的类名
|
||||||
document.body.classList.add("is-electron");
|
document.body.setAttribute("data-electron", "yes");
|
||||||
// ipc message channel
|
// ipc message channel
|
||||||
const electron = window.require("electron");
|
const electron = window.require("electron");
|
||||||
const ipcRenderer = electron.ipcRenderer;
|
const ipcRenderer = electron.ipcRenderer;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user