Refactor chat component styles for responsiveness and consistency

- 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

									
										src/app/coins-rules/coins-rules-screen.module.css
									
		+1
		-1
	
												View File
												
				@@ -1,5 +1,5 @@

				.screen {

				  min-height: 100dvh;

				  min-height: var(--app-viewport-height, 100dvh);

				  box-sizing: border-box;

				  padding:

				    calc(var(--page-padding-y, 18px) + var(--app-safe-top, 0px))