File tree Expand file tree Collapse file tree
packages/web-awesome/src/components/ColorSchemePicker Expand file tree Collapse file tree Original file line number Diff line number Diff line change 11import type { ThemeFamilyOption } from "@/stores/colorScheme" ;
22
3- import * as styles from "./styles.scss" ;
4-
53interface ColorSchemeItemProps {
64 option : ThemeFamilyOption ;
75}
86
9- export const ColorSchemeItem = ( { option } : ColorSchemeItemProps ) => (
10- < span className = { styles . item } >
11- < span className = { styles . swatch } style = { option . preview ? { background : option . preview } : undefined } />
12- { option . label }
13- </ span >
14- ) ;
7+ export const ColorSchemeItem = ( { option } : ColorSchemeItemProps ) => < span > { option . label } </ span > ;
Original file line number Diff line number Diff line change 1- .item {
2- display : flex ;
3- align-items : center ;
4- gap : 8px ;
5- }
6-
7- .swatch {
8- width : 12px ;
9- height : 12px ;
10- border-radius : 3px ;
11- border : 1px solid var (--color-border-default );
12- flex-shrink : 0 ;
13- background : var (--color-bg-canvas );
14- }
You can’t perform that action at this time.
0 commit comments