From 03a38c28c7d3bff50045c1ffef874272dc95c4ae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cain=C3=A3=20Milech?= Date: Fri, 9 Dec 2022 00:24:51 -0300 Subject: [PATCH] feat: Estiliza elementos do header --- checkout/src/arquivos/js/components/Header.js | 5 +++++ checkout/src/arquivos/sass/partials/_header.scss | 16 ++++++++++++---- 2 files changed, 17 insertions(+), 4 deletions(-) diff --git a/checkout/src/arquivos/js/components/Header.js b/checkout/src/arquivos/js/components/Header.js index 6744524..b28630c 100644 --- a/checkout/src/arquivos/js/components/Header.js +++ b/checkout/src/arquivos/js/components/Header.js @@ -4,6 +4,7 @@ import { waitElement } from "m3-utils"; export default class Header { constructor() { this.init(); + //this.teste(); } async init() { @@ -18,4 +19,8 @@ export default class Header { interval: 1000, // vai verificar a cada 1 segundo se o elemento existe }); } + + teste() { + console.log("teste"); + } } diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss index 8b44777..53f43a9 100644 --- a/checkout/src/arquivos/sass/partials/_header.scss +++ b/checkout/src/arquivos/sass/partials/_header.scss @@ -10,13 +10,21 @@ } &__logo { + margin: 29px 0; img { - height: 52px; - width: auto; + height: 37px; + width: 155px; } } &__safeBuy { + display: flex; + + img { + width: 12px; + height: 15px; + margin-right: 8px; + } span { align-items: center; display: flex; @@ -25,8 +33,8 @@ font-style: normal; font-weight: normal; font-size: 12px; - line-height: 14px; - color: $color-gray; + line-height: 16px; + color: $color-black; } i {