anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adicionando styles.css ao componente Html

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-01-26 10:29:41 -03:00
parent 95310ec286
commit 8f9edf916e
2 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
react/components/Html/index.tsx
View File

@ -1,5 +1,6 @@
import React, { ReactNode } from "react"; import React, { ReactNode } from "react";
import { useCssHandles } from "vtex.css-handles"; import { useCssHandles } from "vtex.css-handles";
import "./styles.css"
const CSS_HANDLES = ["html"] as const; const CSS_HANDLES = ["html"] as const;

18
react/components/Html/styles.css Normal file
View File

@ -0,0 +1,18 @@
/* Product Quantity and Add To Cart Button */
[class*="html--cart-content"] {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 10px;
margin-top: 8px;
margin-bottom: 16px;
}
[data-testid="product-quantity"]{
height: 49px;
}
[data-testid="add-to-cart-button"]{
width: 100%;
}