Merge pull request 'refactor: altera css botão add carrinho' (#9) from refactor/altera-css-botao-add-carrinho into development

Reviewed-on: #9
This commit is contained in:
Rafael Sampaio de Oliveira 2023-01-27 05:54:40 +00:00
commit bbbfb896d9
7 changed files with 40 additions and 34 deletions

View File

@ -3,3 +3,15 @@
justify-content: center; justify-content: center;
padding: 0 40px; padding: 0 40px;
} }
[class*="html--buy-button"] {
display: flex;
gap: 10px;
}
[class*="html--buy-button"] :global(.vtex-button) {
height: 49px;
background: black;
border: none;
border-radius: 0;
}

View File

@ -1,10 +1,10 @@
{ {
"sticky-layout#buy-button": { // "sticky-layout#buy-button": {
"props": { // "props": {
"position": "bottom" // "position": "bottom"
}, // },
"children": ["flex-layout.row#buy-button"] // "children": ["flex-layout.row#buy-button"]
}, // },
"product-assembly-options": { "product-assembly-options": {
"children": [ "children": [
"flex-layout.row#product-assembly-options", "flex-layout.row#product-assembly-options",
@ -32,17 +32,13 @@
"props": { "props": {
"verticalAlign": "middle" "verticalAlign": "middle"
}, },
"children": [ "children": ["assembly-option-item-quantity-selector"]
"assembly-option-item-quantity-selector"
]
}, },
"flex-layout.col#product-assembly-image": { "flex-layout.col#product-assembly-image": {
"props": { "props": {
"marginRight": 4 "marginRight": 4
}, },
"children": [ "children": ["assembly-option-item-image"]
"assembly-option-item-image"
]
}, },
"flex-layout.col#product-assembly-middle": { "flex-layout.col#product-assembly-middle": {
"props": { "props": {
@ -96,9 +92,7 @@
"horizontalAlign": "right", "horizontalAlign": "right",
"verticalAlign": "middle" "verticalAlign": "middle"
}, },
"children": [ "children": ["assembly-option-item-quantity-selector"]
"assembly-option-item-quantity-selector"
]
}, },
"assembly-option-item-customize#sec-level": { "assembly-option-item-customize#sec-level": {
"props": { "props": {

View File

@ -119,7 +119,8 @@
"product-installments", "product-installments",
"sku-selector", "sku-selector",
"product-gifts", "product-gifts",
"flex-layout.row#buy-button", // "flex-layout.row#buy-button",
"html#buy-button",
"availability-subscriber", "availability-subscriber",
"shipping-simulator", "shipping-simulator",
"share#default" "share#default"
@ -154,15 +155,22 @@
} }
}, },
"flex-layout.row#buy-button": { "html#buy-button": {
"props": { "props": {
"blockClass": "buy-button", "blockClass": "buy-button"
"marginTop": 4,
"marginBottom": 7
}, },
"children": ["product-quantity#addToCart", "add-to-cart-button#addToCart"] "children": ["product-quantity#addToCart", "add-to-cart-button#addToCart"]
}, },
// "flex-layout.row#buy-button": {
// "props": {
// "blockClass": "buy-button",
// "marginTop": 4,
// "marginBottom": 7
// },
// "children": ["product-quantity#addToCart", "add-to-cart-button#addToCart"]
// },
"product-quantity#addToCart": { "product-quantity#addToCart": {
"props": { "props": {
"blockClass": "addToCartQuantity", "blockClass": "addToCartQuantity",

View File

@ -112,12 +112,6 @@
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.flexRowContent--buy-button :global(.vtex-button) {
background: black;
border: none;
border-radius: 0;
}
.flexRowContent--product-container { .flexRowContent--product-container {
padding: 0 40px; padding: 0 40px;
} }

View File

@ -19,7 +19,6 @@
.carouselGaleryThumbs { .carouselGaleryThumbs {
max-height: 90px; max-height: 90px;
width: 80%;
} }
.productImageTag--main { .productImageTag--main {
@ -89,6 +88,10 @@
font-size: 14px; font-size: 14px;
} }
.productImagesThumb {
max-width: 90px;
margin-right: 16px;
}
.productImagesThumb .figure .thumbImg { .productImagesThumb .figure .thumbImg {
width: 90px; width: 90px;
height: 90px; height: 90px;

View File

@ -105,12 +105,6 @@
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.flexRowContent--buy-button :global(.vtex-button) {
background: black;
border: none;
border-radius: 0;
}
.flexRowContent--product-container { .flexRowContent--product-container {
padding: 0 40px; padding: 0 40px;
} }

View File

@ -14,7 +14,6 @@
.carouselGaleryThumbs { .carouselGaleryThumbs {
max-height: 90px; max-height: 90px;
width: 80%;
} }
.productImageTag--main { .productImageTag--main {
@ -89,6 +88,8 @@
} }
.productImagesThumb { .productImagesThumb {
max-width: 90px;
margin-right: 16px;
.figure { .figure {
.thumbImg { .thumbImg {
width: 90px; width: 90px;