💄 Modify some styles

frontend/src/views/settings/pages/AppearancePage.vue

@@ -319,7 +319,7 @@ const handlePickerClose = () => {
 
 <style scoped lang="scss">
 .settings-page {
-  max-width: 1000px;
+  //max-width: 1000px;
 }
 
 .select-input {

frontend/src/views/settings/pages/BackupPage.vue

@@ -192,7 +192,7 @@ const selectSshKeyFile = async () => {
 
 <style scoped lang="scss">
 .settings-page {
-  max-width: 800px;
+  //max-width: 800px;
 }
 
 // 统一的输入控件样式

frontend/src/views/settings/pages/EditingPage.vue

@@ -222,7 +222,7 @@ const handleAutoSaveDelayChange = async (event: Event) => {
 
 <style scoped lang="scss">
 .settings-page {
-  max-width: 800px;
+  //max-width: 800px;
 }
 
 .number-control {

frontend/src/views/settings/pages/ExtensionsPage.vue

@@ -265,7 +265,7 @@ const getSelectOptions = (extensionId: ExtensionID, configKey: string): SelectOp
 
 <style scoped lang="scss">
 .settings-page {
-  max-width: 1000px;
+  //max-width: 1000px;
 }
 
 .extension-item {

frontend/src/views/settings/pages/GeneralPage.vue

@@ -440,7 +440,7 @@ onUnmounted(() => {
 
 <style scoped lang="scss">
 .settings-page {
-  max-width: 800px;
+  //max-width: 800px;
 }
 
 .hotkey-selector {

frontend/src/views/settings/pages/KeyBindingsPage.vue

@@ -232,7 +232,7 @@ const parseKeyBinding = (keyStr: string, command?: string): string[] => {
 
 <style scoped lang="scss">
 .settings-page {
-  max-width: 800px;
+  //max-width: 800px;
 }
 
 .key-bindings-container {

frontend/src/views/settings/pages/TestPage.vue

@@ -176,7 +176,7 @@ const clearAll = async () => {
 
 <style scoped lang="scss">
 .settings-page {
-  padding: 20px 0 20px 0;
+  //padding: 20px 0 20px 0;
 }
 
 .dev-description {

frontend/src/views/settings/pages/UpdatesPage.vue

@@ -151,8 +151,7 @@ const currentVersion = computed(() => {
 
 <style scoped lang="scss">
 .settings-page {
-  max-width: 800px;
-  width: 100%; // 确保在小屏幕上也能占满可用空间
+  //max-width: 800px;
 }
 
 .check-button {

version.txt

@@ -1 +1 @@
-VERSION=1.5.3
+VERSION=1.5.4