Răsfoiți Sursa

💄 style(users-page): 添加必填字段标识

- 为用户管理页面的用户名表单标签添加红色星号必填标识
- 为用户管理页面的密码表单标签添加红色星号必填标识
- 统一必填字段的视觉提示样式,提升表单易用性
yourname 4 luni în urmă
părinte
comite
a2f246e462
1 a modificat fișierele cu 12 adăugiri și 3 ștergeri
  1. 12 3
      src/client/admin-shadcn/pages/Users.tsx

+ 12 - 3
src/client/admin-shadcn/pages/Users.tsx

@@ -370,7 +370,10 @@ export const UsersPage = () => {
                   name="username"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>用户名</FormLabel>
+                      <FormLabel className="flex items-center">
+                        用户名
+                        <span className="text-red-500 ml-1">*</span>
+                      </FormLabel>
                       <FormControl>
                         <Input placeholder="请输入用户名" {...field} />
                       </FormControl>
@@ -440,7 +443,10 @@ export const UsersPage = () => {
                   name="password"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>密码</FormLabel>
+                      <FormLabel className="flex items-center">
+                        密码
+                        <span className="text-red-500 ml-1">*</span>
+                      </FormLabel>
                       <FormControl>
                         <Input type="password" placeholder="请输入密码" {...field} />
                       </FormControl>
@@ -488,7 +494,10 @@ export const UsersPage = () => {
                   name="username"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>用户名</FormLabel>
+                      <FormLabel className="flex items-center">
+                        用户名
+                        <span className="text-red-500 ml-1">*</span>
+                      </FormLabel>
                       <FormControl>
                         <Input placeholder="请输入用户名" {...field} />
                       </FormControl>