各种输入框有关

KIRAKIRA-DOUGA · Oct 25, 2023 · 2c0ef17 · 2c0ef17
1 parent 5e33c31
commit 2c0ef17
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/assets/styles/elements/_reset.scss b/assets/styles/elements/_reset.scss
@@ -28,4 +28,9 @@
 	label {
 		cursor: inherit;
 	}
+
+	// 移除搜索框旁边的叉。
+	input[type="search" i]::-webkit-search-cancel-button {
+		display: none;
+	}
 }
diff --git a/layouts/settings.vue b/layouts/settings.vue
@@ -50,7 +50,7 @@
 				<header class="title content padding-end">
 					<header class="title nav-header">
 						<h1>{{ t.settings }}</h1>
-						<TextBox v-model="search" type="search" :placeholder="t.settings.search" />
+						<TextBox v-model="search" type="search" :placeholder="t.settings.search" icon="search" />
 					</header>
 					<TabBar v-model="currentSetting" vertical>
 						<Subheader icon="person">{{ t.settings.user }}</Subheader>

diff --git a/pages/settings/security.vue b/pages/settings/security.vue
@@ -65,5 +65,9 @@
 			flex-direction: column;
 			gap: 16px;
 		}
+
+		.text-box {
+			--size: large;
+		}
 	}
 </style>