Added system name field to settings

NyaomiDEV · Jun 14, 2024 · c427c4b · c427c4b
1 parent 04bf5f8
commit c427c4b
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/views/options/SystemSettings.vue b/src/views/options/SystemSettings.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-	import { IonContent, IonHeader, IonList, IonPage, IonTitle, IonToolbar, IonBackButton, IonAvatar, IonButton, IonIcon, IonFab, IonFabButton, IonItem, useIonRouter} from '@ionic/vue';
+	import { IonContent, IonHeader, IonList, IonPage, IonTitle, IonToolbar, IonBackButton, IonAvatar, IonButton, IonIcon, IonInput, IonFab, IonFabButton, IonItem, useIonRouter} from '@ionic/vue';
 	import { inject, onMounted, ref } from 'vue';
 	import { getBlobURL } from '../../lib/util/blob';
 	import { getFiles } from '../../lib/util/misc';
@@ -70,8 +70,8 @@
 			</IonFab>
 			<IonList :inset="isIOS">
 				<IonItem>
+					<IonInput fill="outline" labelPlacement="floating" :label="$t('options:systemSettings.systemName')" v-model="system.name" />
 				</IonItem>
-
 			</IonList>
 		</IonContent>
 	</IonPage>
@@ -101,4 +101,8 @@ div.avatar-container {
 		right: 8px;
 	}
 
+	ion-input {
+		margin-top: 16px;
+	}
+
 </style>