fix: eliminate layout shift when switching providers

mirror of https://github.com/farion1231/cc-switch.git synced 2026-07-28 16:56:16 +08:00

- Use opacity transition instead of conditional rendering for "current" badge to prevent height changes
- Add min-h-[20px] to title row to maintain consistent height
- Use 2px border for active provider, 1px for inactive to improve visual distinction
- Remove global border-color rule that was overriding Tailwind utilities
- Use HSL arbitrary values for border colors to work with Tailwind 4 + shadcn/ui

This commit is contained in:

Jason

2025-10-20 23:12:08 +08:00

parent 9144014803

commit 39981f8075

2 changed files with 13 additions and 11 deletions

									
										src/index.css
									
		-1
	
												View File
												
				@@ -73,7 +73,6 @@

				/* 全局基础样式 */

				* {

				  box-sizing: border-box;

				  border-color: hsl(var(--border));

				}

				html {