crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-06-19 05:31:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix glitch for Swatch

Browse Source
This commit is contained in:
okbel 2021-05-28 10:12:08 -03:00
parent 2fb9e8b712
commit a66a69fb19
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/product/Swatch/Swatch.module.css
View File

@ -34,7 +34,7 @@
color: white !important; color: white !important;
} }
.active.size { .active {
@apply border-accents-9 border-2; @apply border-accents-9 border-2;
padding-right: 1px; padding-right: 1px;
padding-left: 1px; padding-left: 1px;
@ -46,6 +46,7 @@
} }
.active.textLabel { .active.textLabel {
@apply border-accents-9 border-2;
padding-right: calc(1rem - 1px); padding-right: calc(1rem - 1px);
padding-left: calc(1rem - 1px); padding-left: calc(1rem - 1px);
} }

2
components/product/Swatch/Swatch.tsx
View File

@ -34,7 +34,7 @@ const Swatch: FC<Omit<ButtonProps, 'variant'> & SwatchProps> = ({
[s.size]: variant === 'size', [s.size]: variant === 'size',
[s.color]: color, [s.color]: color,
[s.dark]: color ? isDark(color) : false, [s.dark]: color ? isDark(color) : false,
[s.textLabel]: !color && label && label.length < 4, [s.textLabel]: !color && label && label.length > 3,
}, },
className className
) )