crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

changes to the layout

Browse Source
This commit is contained in:
Belen Curcio
2020-10-13 11:43:06 -03:00
parent 30a8677816
commit 038d02acc2
11 changed files with 132 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,13 +1,15 @@
.root {
@apply h-12 w-12 bg-white text-primary rounded-full mr-3 inline-flex items-center justify-center cursor-pointer transition duration-75 ease-in-out p-0 shadow-none;
@apply h-12 w-12 bg-primary text-primary rounded-full mr-3 inline-flex
items-center justify-center cursor-pointer transition duration-75 ease-in-out
p-0 shadow-none border-gray-200 border;
}
.active.size {
@apply border-black;
@apply border-secondary border-2;
}
.root:hover {
@apply transform scale-110;
@apply transform scale-110 bg-primary-accent;
}
.colorViolet {
@@ -22,8 +24,6 @@
@apply bg-black !important;
}
.colorWhite,
.size {
@apply bg-white !important;
@apply border border-gray-200;
.colorWhite {
@apply bg-white text-black !important;
}

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

@@ -27,8 +27,6 @@ const Swatch: FC<Props> = ({ className, size, color, active, ...props }) => {
className
)
// TODO: technically this is a radio
return (
<Button className={rootClassName} {...props}>
{color && active && (
@@ -47,4 +45,3 @@ const Swatch: FC<Props> = ({ className, size, color, active, ...props }) => {
}
export default Swatch