fixes

NyaomiDEV · Aug 15, 2024 · 1cf11e1 · 1cf11e1
1 parent 727e923
commit 1cf11e1
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/src/lib/theme/components/item.css b/src/lib/theme/components/item.css
@@ -1,16 +1,19 @@
 .md.md3 ion-item {
 	--min-height: 56px;
-	--inner-padding-start: 16px;
-	--inner-padding-end: 16px;
 	--inner-padding-top: 8px;
 	--inner-padding-bottom: 8px;
 	--inner-border-width: 0 0 0 0;
+
+	--padding-start: 16px;
+	--padding-end: 16px;
+}
+
+.md.md3 ion-item [slot="start"] {
+	margin-inline-end: 16px;
 }
 
-.md.md3 ion-item [slot="start"],
 .md.md3 ion-item [slot="end"] {
-	margin-inline-start: 0;
-	margin-inline-end: 0;
+	margin-inline-start: 16px;
 }
 
 .md.md3 ion-item[lines="lines"] {

diff --git a/src/views/options/AppSettings.vue b/src/views/options/AppSettings.vue
@@ -40,11 +40,12 @@
 
 			<IonList :inset="isIOS">
 
-				<IonItem button disabled>
-					<IonLabel>
-						<h3>{{ $t("options:appSettings.locale.language") }}</h3>
-						<p>{{ $t("other:languageName.local") }}</p>
-					</IonLabel>
+				<IonItem>
+					<IonSelect :label="$t('options:appSettings.locale.language')" interface="popover" v-model="appConfig.locale.language">
+						<IonSelectOption :value="lng" v-for="lng in $i18next.languages">
+							{{ $t("other:languageName.inEnglish", { lng }) }}
+						</IonSelectOption>
+					</IonSelect>
 				</IonItem>
 
 				<IonItem>