适配移动端展示

2026-05-04 21:36:48 +08:00
parent c852b1d871
commit b6bacbfae9
10 changed files with 298 additions and 106 deletions
--- a/web/frontend/src/views/ChangePasswordView.vue
+++ b/web/frontend/src/views/ChangePasswordView.vue
@@ -87,9 +87,12 @@ async function submit() {
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1f2d3d 0%, #3a506b 100%);
+  overflow: hidden;
+  padding: 16px;
 }
 .card {
  width: 360px;
+  max-width: 100%;
  padding: 36px 32px;
  background: var(--el-bg-color);
  color: var(--el-text-color-primary);
@@ -106,4 +109,9 @@ async function submit() {
  font-size: 12px;
  text-align: center;
 }
+@media (max-width: 768px) {
+  .card {
+    padding: 28px 20px;
+  }
+}
 </style>