diff --git a/src/background.js b/src/background.js index 1efb771..7f3e1fe 100644 --- a/src/background.js +++ b/src/background.js @@ -97,8 +97,8 @@ class Background { console.log("creating app window"); this.window = new BrowserWindow({ - width: this.store.get("window.width") | 1440, - height: this.store.get("window.height") | 840, + width: this.store.get("window.width") || 1440, + height: this.store.get("window.height") || 840, minWidth: 1080, minHeight: 720, titleBarStyle: "hiddenInset", diff --git a/src/components/ButtonIcon.vue b/src/components/ButtonIcon.vue index 8b70b26..efa14d7 100644 --- a/src/components/ButtonIcon.vue +++ b/src/components/ButtonIcon.vue @@ -28,7 +28,6 @@ button { } &:hover { background: var(--color-secondary-bg-for-transparent); - opacity: 0.88; } &:active { transform: scale(0.92); diff --git a/src/components/Cover.vue b/src/components/Cover.vue index 98bafa8..705941b 100644 --- a/src/components/Cover.vue +++ b/src/components/Cover.vue @@ -105,7 +105,7 @@ img { .cover-hover { &:hover { cursor: pointer; - transform: scale(1.02); + /* transform: scale(1.02); */ } } @@ -124,8 +124,9 @@ img { justify-content: center; align-items: center; color: white; - backdrop-filter: blur(12px) brightness(96%); - background: transparent; + backdrop-filter: blur(8px); + background: rgba(255, 255, 255, 0.14); + border: 1px solid rgba(255, 255, 255, 0.08); height: 22%; width: 22%; border-radius: 50%; @@ -138,7 +139,7 @@ img { } } &:hover { - transform: scale(1.06); + background: rgba(255, 255, 255, 0.28); } &:active { transform: scale(0.94); diff --git a/src/components/CoverRow.vue b/src/components/CoverRow.vue index 7270c3d..164bccc 100644 --- a/src/components/CoverRow.vue +++ b/src/components/CoverRow.vue @@ -6,7 +6,12 @@ :key="item.id" :class="{ artist: type === 'artist' }" > - +
{ store.subscribe((mutation, state) => { - console.log(mutation); + // console.log(mutation); if (mutation.type !== "updateSettings") return; ipcRenderer.send("settings", { minimizeToTray: state.settings.minimizeToTray,