cainamilech/m3-academy-template-checkout-caina-milech
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Estiliza elementos do header

Browse Source
This commit is contained in:
Cainã Milech 2022-12-09 00:24:51 -03:00
parent 9d822f9f1e
commit 03a38c28c7
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
checkout/src/arquivos/js/components/Header.js
View File

@ -4,6 +4,7 @@ import { waitElement } from "m3-utils";
export default class Header { export default class Header {
constructor() { constructor() {
this.init(); this.init();
//this.teste();
} }
async init() { async init() {
@ -18,4 +19,8 @@ export default class Header {
interval: 1000, // vai verificar a cada 1 segundo se o elemento existe interval: 1000, // vai verificar a cada 1 segundo se o elemento existe
}); });
} }
teste() {
console.log("teste");
}
} }

16
checkout/src/arquivos/sass/partials/_header.scss
View File

@ -10,13 +10,21 @@
} }
&__logo { &__logo {
margin: 29px 0;
img { img {
height: 52px; height: 37px;
width: auto; width: 155px;
} }
} }
&__safeBuy { &__safeBuy {
display: flex;
img {
width: 12px;
height: 15px;
margin-right: 8px;
}
span { span {
align-items: center; align-items: center;
display: flex; display: flex;
@ -25,8 +33,8 @@
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 16px;
color: $color-gray; color: $color-black;
} }
i { i {