diff --git a/luckydiamond/src/assets/css/ElementsStyles/header.css b/luckydiamond/src/assets/css/ElementsStyles/header.css index b73834c..6d5fd2f 100644 --- a/luckydiamond/src/assets/css/ElementsStyles/header.css +++ b/luckydiamond/src/assets/css/ElementsStyles/header.css @@ -37,4 +37,24 @@ bottom: -7px; left: 0; z-index: 1; -} \ No newline at end of file +} + +.header__balance { + border-radius: 9px; + background: #22252F; + box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); + padding: 10px 15px 8px 8px; +} + +.header__content--balance .header__card--balance h2 { + display: flex; + align-items: center; + color: #fff; + font-size: 18px; + font-weight: 700; + font-family: Montserrat Alternates;; +} + +.header__content--balance .header__card--balance h2 img { + margin-right: 7px; +} diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css index 6382950..90ea822 100644 --- a/luckydiamond/src/assets/css/global.css +++ b/luckydiamond/src/assets/css/global.css @@ -26,7 +26,6 @@ body, html { grid-template-columns: .35fr repeat(5, 1fr) 1.2fr; grid-template-rows: repeat(6, 1fr); grid-auto-columns: 1fr; - gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "menu header header header header header header" diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue index 8a65f81..d88c85c 100644 --- a/luckydiamond/src/pages/HeaderElement.vue +++ b/luckydiamond/src/pages/HeaderElement.vue @@ -12,8 +12,14 @@