admin
90bb711a45
- Full-bleed bg_login.png background outside 500px MobileShell - Facebook landing: logo + Facebook pill button + "Other Sign In Options" link - Replace centered Dialog with true bottom sheet (drag handle, top radius 28px) - Email panel: internal login/register toggle, no separate route - Pink gradient primary button (#f96ADE → #f657A0) - Pill input fields (46px, white, radius 24, pink 10% shadow) - Pink circular checkbox + bold Privacy/Terms rich text (visual only, non-blocking) - Floating 40x40 white back button (top:20/left:20) - Wire AuthPanelModeChanged dispatch for panel switching - New design tokens (--color-auth-*, --auth-*, --radius-bottom-sheet) - New generic BottomSheet component - Copy ic-logo-login.png (+@2x, +@3x) from Dart assets 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
35 lines
939 B
CSS
35 lines
939 B
CSS
/**
|
||
* 字体 token
|
||
* 原始 Dart: lib/design/fonts.dart + font_sizes.dart
|
||
*
|
||
* body 使用跨平台系统字体栈
|
||
* Athelas 为 Apple 平台专用字体（通过 `next/font/local` 加载）
|
||
*/
|
||
@theme {
|
||
/* 字体族 */
|
||
--font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||
Roboto, "Helvetica Neue", Arial, sans-serif;
|
||
--font-athelas: "Athelas", serif;
|
||
|
||
/* Tailwind 默认字体别名：font-sans → font-system */
|
||
--font-sans: var(--font-system);
|
||
|
||
/* 字体尺寸 */
|
||
--font-size-xs: 10px;
|
||
--font-size-sm: 12px;
|
||
--font-size-md: 14px;
|
||
--font-size-lg: 16px;
|
||
--font-size-xl: 18px;
|
||
--font-size-xxl: 20px;
|
||
--font-size-title: 24px;
|
||
--font-size-title-large: 28px;
|
||
--font-size-title-x-large: 32px;
|
||
|
||
/* 扩展字号（迁移自 Flutter widgets） */
|
||
--font-size-22: 22px;
|
||
--font-size-26: 26px;
|
||
|
||
/* Auth 底部弹层标题（24px bold） */
|
||
--font-size-bottom-sheet-title: 24px;
|
||
}
|