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' }"
>
-