mirror of
https://github.com/jakejarvis/sofa.git
synced 2026-07-14 18:15:56 -04:00
jake
ed3fd54896
Replace all `text-[Npx]` arbitrary size utilities with their nearest semantic Tailwind equivalents (`text-sm`, `text-base`, `text-xs`, `text-3xl`, etc.) across every component so text participates properly in the system font-scale pipeline.
Introduce a `ScaledIcon` component backed by a `useScaledSize` hook that multiplies a base icon size by the current font-scale factor, then replace every bare Tabler icon with `ScaledIcon` so icons grow and shrink in proportion with the surrounding text.
- Add `maxFontSizeMultiplier={1.0}` to badge and label text that must not reflow at large accessibility sizes (the "Admin" pill, type/rating chips, provider name labels, and the TMDB attribution line).
73 lines
1.9 KiB
JSON
73 lines
1.9 KiB
JSON
{
|
|
"typescript.tsdk": "node_modules/typescript/lib",
|
|
"editor.defaultFormatter": "biomejs.biome",
|
|
"editor.formatOnSave": true,
|
|
"editor.formatOnPaste": true,
|
|
"editor.codeActionsOnSave": {
|
|
"source.fixAll.biome": "explicit",
|
|
"source.organizeImports.biome": "explicit"
|
|
},
|
|
"files.readonlyInclude": {
|
|
"**/routeTree.gen.ts": true
|
|
},
|
|
"files.watcherExclude": {
|
|
"**/routeTree.gen.ts": true
|
|
},
|
|
"search.exclude": {
|
|
"**/routeTree.gen.ts": true
|
|
},
|
|
"emmet.showExpandedAbbreviation": "never",
|
|
"[javascript]": {
|
|
"editor.defaultFormatter": "biomejs.biome"
|
|
},
|
|
"[typescript]": {
|
|
"editor.defaultFormatter": "biomejs.biome"
|
|
},
|
|
"[javascriptreact]": {
|
|
"editor.defaultFormatter": "biomejs.biome"
|
|
},
|
|
"[typescriptreact]": {
|
|
"editor.defaultFormatter": "biomejs.biome"
|
|
},
|
|
"[json]": {
|
|
"editor.defaultFormatter": "biomejs.biome"
|
|
},
|
|
"[jsonc]": {
|
|
"editor.defaultFormatter": "biomejs.biome"
|
|
},
|
|
"[css]": {
|
|
"editor.defaultFormatter": "biomejs.biome"
|
|
},
|
|
"tailwindCSS.classAttributes": [
|
|
"class",
|
|
"className",
|
|
"headerClassName",
|
|
"contentContainerClassName",
|
|
"columnWrapperClassName",
|
|
"endFillColorClassName",
|
|
"imageClassName",
|
|
"tintColorClassName",
|
|
"ios_backgroundColorClassName",
|
|
"thumbColorClassName",
|
|
"trackColorOnClassName",
|
|
"trackColorOffClassName",
|
|
"selectionColorClassName",
|
|
"cursorColorClassName",
|
|
"underlineColorAndroidClassName",
|
|
"placeholderTextColorClassName",
|
|
"selectionHandleColorClassName",
|
|
"colorsClassName",
|
|
"progressBackgroundColorClassName",
|
|
"titleColorClassName",
|
|
"underlayColorClassName",
|
|
"colorClassName",
|
|
"backdropColorClassName",
|
|
"backgroundColorClassName",
|
|
"statusBarBackgroundColorClassName",
|
|
"drawerBackgroundColorClassName",
|
|
"ListFooterComponentClassName",
|
|
"ListHeaderComponentClassName"
|
|
],
|
|
"tailwindCSS.classFunctions": ["useResolveClassNames"]
|
|
}
|