Browse Source

fix: styling of command shortcut floating box was wrong on station page, and updated naming of owner section

Kristian Vos 8 months ago
parent
commit
3e88a7f0c7
1 changed files with 19 additions and 1 deletions
  1. 19 1
      frontend/src/pages/Station/index.vue

+ 19 - 1
frontend/src/pages/Station/index.vue

@@ -2822,7 +2822,7 @@ onBeforeUnmount(() => {
 							hasPermission('stations.skip')
 						"
 					>
-						<span class="biggest"><b>Admin/owner</b></span>
+						<span class="biggest"><b>Owner/DJ</b></span>
 						<span><b>Ctrl + Space</b> - Pause/resume station</span>
 						<span><b>Ctrl + Numpad right</b> - Skip station</span>
 					</div>
@@ -2936,6 +2936,24 @@ onBeforeUnmount(() => {
 	}
 }
 
+#keyboardShortcutsHelper {
+	.box-body {
+		.biggest {
+			font-size: 1.4rem;
+		}
+
+		> div,
+		> div > div {
+			display: flex;
+			flex-direction: column;
+		}
+
+		> div {
+			row-gap: 8px;
+		}
+	}
+}
+
 .nav,
 .button.is-primary {
 	background-color: var(--primary-color) !important;