“实现帖子与评论上传图片，删除评论，评论计数，管理员界面”
Change-Id: I33d5331e41de0411f2d6f1913f3a939db61f665d
diff --git a/src/components/AuthForm.css b/src/components/AuthForm.css
index 8eb1d0a..0348f50 100644
--- a/src/components/AuthForm.css
+++ b/src/components/AuthForm.css
@@ -7,55 +7,58 @@
min-height: 100vh;
background-color: #f5f5f5;
padding: 20px;
- }
-
- .auth-title {
+}
+
+.auth-title {
color: #333;
font-size: 2.5rem;
margin-bottom: 2rem;
text-align: center;
- }
-
- .auth-form-wrapper {
+}
+
+.auth-form-wrapper {
width: 100%;
max-width: 400px;
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
- }
-
- .auth-form {
+}
+
+.auth-form {
display: flex;
flex-direction: column;
gap: 1rem;
- }
-
- .auth-form h2 {
+}
+
+.auth-form h2 {
color: #333;
text-align: center;
margin-bottom: 1.5rem;
- }
-
- .form-group {
+}
+
+.form-group {
display: flex;
flex-direction: column;
gap: 0.5rem;
- }
-
- .form-group input {
+}
+
+.form-group input {
padding: 0.8rem;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 1rem;
- }
-
- .form-group input:focus {
+ width: 100%;
+ box-sizing: border-box; /* 确保padding不会影响宽度 */
+ height: 42px; /* 固定高度 */
+}
+
+.form-group input:focus {
outline: none;
border-color: #007bff;
- }
-
- .auth-button {
+}
+
+.auth-button {
padding: 0.8rem;
background-color: #007bff;
color: white;
@@ -64,18 +67,19 @@
font-size: 1rem;
cursor: pointer;
transition: background-color 0.3s;
- }
-
- .auth-button:hover {
+ height: 42px; /* 与输入框高度一致 */
+}
+
+.auth-button:hover {
background-color: #0056b3;
- }
-
- .auth-button:disabled {
+}
+
+.auth-button:disabled {
background-color: #cccccc;
cursor: not-allowed;
- }
-
- .auth-switch {
+}
+
+.auth-switch {
display: flex;
justify-content: center;
align-items: center;
@@ -83,9 +87,9 @@
margin-top: 1rem;
font-size: 0.9rem;
color: #666;
- }
-
- .switch-button {
+}
+
+.switch-button {
background: none;
border: none;
color: #007bff;
@@ -93,17 +97,17 @@
text-decoration: underline;
font-size: 0.9rem;
padding: 0;
- }
-
- .switch-button:hover {
+}
+
+.switch-button:hover {
color: #0056b3;
- }
-
- .error-message {
+}
+
+.error-message {
color: #dc3545;
background-color: #f8d7da;
padding: 0.5rem;
border-radius: 4px;
text-align: center;
margin-bottom: 1rem;
- }
\ No newline at end of file
+}
\ No newline at end of file