banlv/cozsweet-frontend-nextjs
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor chat component styles for responsiveness and consistency

Browse Source 
- Updated padding and margin properties across various chat components to utilize responsive design tokens, ensuring better adaptability to different screen sizes.
- Replaced fixed sizes with responsive variables for buttons, avatars, and bubbles to enhance UI flexibility.
- Adjusted font sizes to use responsive tokens, improving text readability on various devices.
- Standardized border-radius and other dimensions using CSS variables for a cohesive design language.
- Enhanced dialog and screen components with safe area insets for better compatibility with modern devices.
This commit is contained in:
chenhang
2026-07-02 18:22:56 +08:00
parent 34c8e2db4e
commit 38d31572dd
43 changed files with 217 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/tokens/dimensions.css
+1 -1
View File
@@ -51,7 +51,7 @@
--auth-legal-checkbox-inner-size: 10px;
/* 悬浮返回按钮（40×40 圆形） */
--back-button-size: 40px;
--back-button-size: var(--responsive-icon-button-size, 40px);
/* 底部弹层圆角（28px = Dart AppRadius.radius28） */
--auth-bottom-sheet-radius: 28px;