Bladeren bron

fix(EditSongs): Missing night-mode sidebar styling

Owen Diffey 3 jaren geleden
bovenliggende
commit
26ca8c12c2
2 gewijzigde bestanden met toevoegingen van 35 en 1 verwijderingen
  1. 2 1
      frontend/src/App.vue
  2. 33 0
      frontend/src/components/modals/EditSongs.vue

+ 2 - 1
frontend/src/App.vue

@@ -161,7 +161,8 @@ export default {
 			handler: () => {
 				if (
 					Object.keys(this.currentlyActive).length !== 0 &&
-					this.currentlyActive[0] !== "editSong" && this.currentlyActive[0] !== "editSongs"
+					this.currentlyActive[0] !== "editSong" &&
+					this.currentlyActive[0] !== "editSongs"
 				)
 					this.closeCurrentModal();
 			}

+ 33 - 0
frontend/src/components/modals/EditSongs.vue

@@ -417,6 +417,39 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.night-mode .sidebar {
+	.sidebar-head,
+	.sidebar-foot {
+		background-color: var(--dark-grey-3);
+		border: none;
+	}
+
+	.sidebar-body {
+		background-color: var(--dark-grey-4) !important;
+	}
+
+	.sidebar-head .toggle-sidebar-icon.material-icons,
+	.sidebar-title {
+		color: var(--white);
+	}
+
+	p,
+	label,
+	td,
+	th {
+		color: var(--light-grey-2) !important;
+	}
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		color: var(--white) !important;
+	}
+}
+
 .toggle-sidebar-icon {
 	display: none;
 }