yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 12:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

added wallet card in header elem

Browse Source
This commit is contained in:
Kostya
2023-11-18 23:38:50 +03:00
parent 8359716356
commit 2b85afd585
2 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
luckydiamond/src/assets/css/ElementsStyles/header.css
View File

@@ -39,7 +39,12 @@
z-index: 1; z-index: 1;
} }
.header__balance { .header__content--balance {
display: flex;
align-items: center;
}
.header__card--balance {
border-radius: 9px; border-radius: 9px;
background: #22252F; background: #22252F;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
@@ -58,3 +63,16 @@
.header__content--balance .header__card--balance h2 img { .header__content--balance .header__card--balance h2 img {
margin-right: 7px; margin-right: 7px;
} }
.header__btn--wallet a {
border-radius: 13px;
background: #EF4444;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
font-size: 16px;
text-transform: uppercase;
font-weight: 900;
font-family: Montserrat;
padding: 20px 23px 20px 23px;
text-decoration: none;
margin-left: -10px;
}

2
luckydiamond/src/pages/HeaderElement.vue
View File

@@ -17,7 +17,7 @@
<h2><img src="@/assets/icons-header/diamond-ore-icon.png">{{ balance }}</h2> <h2><img src="@/assets/icons-header/diamond-ore-icon.png">{{ balance }}</h2>
</div> </div>
<div class="header__btn--wallet"> <div class="header__btn--wallet">
<a href=""></a> <a href="">кошелёк</a>
</div> </div>
</div> </div>
</div> </div>