diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 9fb3b77..c4b3db8 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -161,7 +161,7 @@ @media (max-width: 768px) and (min-width: 375px) { :global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) { column-gap: 8px; - grid-template-columns: 48.57% 48.57%; + grid-template-columns: 48.563% 48.563%; width: 100%; } } @@ -181,6 +181,10 @@ margin-right: 0; } } +:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputName) :global(.vtex-input) :global(.vtex-input-prefix__group) { + border: 0 !important; + border-radius: unset !important; +} :global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputName) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) { font-weight: 400; font-size: 12px; @@ -189,7 +193,8 @@ border: 1px solid #989898; border-radius: unset; height: 40px; - padding: 0 14px; + padding: 12px 14px; + width: 100%; } :global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputName) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input)::placeholder { font-weight: 400; @@ -214,6 +219,10 @@ margin-right: 0; } } +:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputEmail) :global(.vtex-input) :global(.vtex-input-prefix__group) { + border: 0 !important; + border-radius: unset !important; +} :global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputEmail) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) { font-weight: 400; font-size: 12px; @@ -221,7 +230,8 @@ color: #989898; border: 1px solid #989898; border-radius: unset; - padding: 0 14px; + padding: 12px 14px; + width: 100%; } :global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputEmail) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input)::placeholder { font-weight: 400; diff --git a/styles/sass/pages/product/vtexStore/vtex.store-components.scss b/styles/sass/pages/product/vtexStore/vtex.store-components.scss index aab0940..e1e132d 100644 --- a/styles/sass/pages/product/vtexStore/vtex.store-components.scss +++ b/styles/sass/pages/product/vtexStore/vtex.store-components.scss @@ -159,7 +159,7 @@ } @media (max-width: 768px) and (min-width: 375px) { column-gap: 8px; - grid-template-columns: 48.57% 48.57%; + grid-template-columns: 48.563% 48.563%; width: 100%; } :global(.vtex-store-components-3-x-inputName) { @@ -175,6 +175,8 @@ } :global(.vtex-input) { :global(.vtex-input-prefix__group) { + border: 0 !important; + border-radius: unset !important; :global(.vtex-styleguide-9-x-input) { font-weight: 400; font-size: 12px; @@ -183,7 +185,8 @@ border: 1px solid #989898; border-radius: unset; height: 40px; - padding: 0 14px; + padding: 12px 14px; + width: 100%; } :global(.vtex-styleguide-9-x-input)::placeholder { font-weight: 400; @@ -208,6 +211,8 @@ } :global(.vtex-input) { :global(.vtex-input-prefix__group) { + border: 0 !important; + border-radius: unset !important; :global(.vtex-styleguide-9-x-input) { font-weight: 400; font-size: 12px; @@ -215,7 +220,8 @@ color: #989898; border: 1px solid #989898; border-radius: unset; - padding: 0 14px; + padding: 12px 14px; + width: 100%; } :global(.vtex-styleguide-9-x-input)::placeholder { font-weight: 400; @@ -588,7 +594,6 @@ } } - //Tab Layout .productImagesContainer--image-description {