Tweak UI

src/client/components/modal-page-window.vue

@@ -69,8 +69,8 @@ export default defineComponent({
 
 	data() {
 		return {
-			width: 850,
-			height: 650,
+			width: 860,
+			height: 660,
 			pageInfo: null,
 			path: this.initialPath,
 			component: this.initialComponent,

src/client/pages/settings/index.vue

@@ -73,10 +73,11 @@ export default defineComponent({
 	},
 
 	setup(props, context) {
-		const INFO = ref({
+		const indexInfo = {
 			title: i18n.locale.settings,
 			icon: faCog
-		});
+		};
+		const INFO = ref(indexInfo);
 		const page = ref(props.initialPage);
 		const narrow = ref(false);
 		const view = ref(null);
@@ -152,6 +153,9 @@ export default defineComponent({
 				page.value = 'profile';
 			} else {
 				page.value = props.initialPage;
+				if (props.initialPage == null) {
+					INFO.value = indexInfo;
+				}
 			}
 		});
 

src/client/style.scss

@@ -241,7 +241,6 @@ hr {
 	border-radius: var(--radius);
 	//border: var(--panelBorder);
 	box-shadow: var(--panelShadow);
-	overflow: hidden;
 	overflow: clip;
 }
 

src/client/ui/default.vue

@@ -230,6 +230,7 @@ export default defineComponent({
 
 			> .main {
 				margin: 0;
+				padding-bottom: 92px;
 				border: none;
 				width: 100%;
 				border-radius: 0;