fix the padding for mobile

zyxkad · zyxkad · commit 0ea28df8c819 · 2024-02-26T08:47:43.000-07:00
diff --git a/dashboard/src/App.vue b/dashboard/src/App.vue
@@ -206,9 +206,15 @@ const langNameMap: { [key: string]: string } = {
 	#header {
 		padding: 0;
 	}
+
+	#header > * {
+		margin-right: 0.6rem;
+	}
+
 	.header-logo-box {
 		left: 1rem;
 	}
+
 	.lang-selector-label {
 		font-size: 0.8rem;
 	}
diff --git a/dashboard/src/assets/main.css b/dashboard/src/assets/main.css
@@ -24,3 +24,13 @@
 .pointer {
 	cursor: pointer;
 }
+
+@media(max-width: 60rem) {
+	.p-dropdown .p-dropdown-label.p-inputtext {
+		padding-left: 0.6rem;
+	}
+
+	.p-dropdown .p-dropdown-trigger {
+		width: 2.1rem;
+	}
+}
diff --git a/dashboard/src/views/SettingsView.vue b/dashboard/src/views/SettingsView.vue
@@ -40,7 +40,7 @@ watch(
 		<Card class="settings-group">
 			<template #title>
 				<div class="flex-row-center settings-group-title">
-					<lable>Notification</lable>
+					<lable>{{ tr('title.notification') }}</lable>
 					<InputSwitch v-model="settings.enableNotify" />
 				</div>
 			</template>

Original file line number	Diff line number	Diff line change
`@@ -206,9 +206,15 @@ const langNameMap: { [key: string]: string } = {`
`206`	`206`	`#header {`
`207`	`207`	`padding: 0;`
`208`	`208`	`}`
	`209`	`+`
	`210`	`+ #header > * {`
	`211`	`+ margin-right: 0.6rem;`
	`212`	`+ }`
	`213`	`+`
`209`	`214`	`.header-logo-box {`
`210`	`215`	`left: 1rem;`
`211`	`216`	`}`
	`217`	`+`
`212`	`218`	`.lang-selector-label {`
`213`	`219`	`font-size: 0.8rem;`
`214`	`220`	`}`