diff options
| author | Somhairle H. Marisol <[email protected]> | 2026-09-18 09:51:16 +0800 |
|---|---|---|
| committer | Somhairle H. Marisol <[email protected]> | 2026-09-18 09:51:16 +0800 |
| commit | 4462473fcc185611b6de209f39b3077fed007b75 (patch) | |
| tree | cf21375f11560349e2c8c00fa4269af6d3dba7a2 /frontend/src/pages/AuthPages.svelte | |
| parent | ac55af50d93427b91db9f52415c3e7a749943420 (diff) | |
| download | strategy-lab-4462473fcc185611b6de209f39b3077fed007b75.tar.gz | |
feat(frontend): 质感打磨——微过渡、卡片悬停、登录页留白与字阶
[变更性质] 视觉打磨，前端重设计第二轮之四。
[新增功能] 全局 150ms transition 层；hover:hover 且 768px+ 卡片 hover 上浮；登录/注册页留白重排（2rem/2.4rem 按宽度断点）；h1/h2/h3 字阶统一（1.55/1.18/1.02）。
[实现方案] 单层 app.css 聚合，动效仅在支持 hover 的桌面指针设备生效，避免移动端粘滞态；清理 .hint 重复规则。
[影响范围] app.css、AuthPages.svelte；无行为变化。
Diffstat (limited to 'frontend/src/pages/AuthPages.svelte')
| -rw-r--r-- | frontend/src/pages/AuthPages.svelte | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/frontend/src/pages/AuthPages.svelte b/frontend/src/pages/AuthPages.svelte index 6221368..7495d62 100644 --- a/frontend/src/pages/AuthPages.svelte +++ b/frontend/src/pages/AuthPages.svelte @@ -178,8 +178,14 @@ radial-gradient(700px 350px at 85% -60px, rgba(13, 148, 136, 0.08), transparent), var(--bg); } - .auth-card { width: min(400px, 100%); padding: 1.6rem; } - .auth-brand { margin-bottom: 1.1rem; } + .auth-card { width: min(400px, 100%); padding: 2rem 1.75rem 1.8rem; } + /* round2 登录页留白重排：标题区与表单拉开，卡片下缘留呼吸感 */ + @media (min-width: 768px) { + .auth-card { padding: 2.4rem 2.2rem 2.1rem; } + } + .auth-brand { margin-bottom: 1.35rem; } + .auth-brand h1 { margin-bottom: 0.3rem; } + .auth-brand p { max-width: 26em; } .mark { display: inline-block; width: 34px; |