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

added balance count card

Browse Source
This commit is contained in:
Kostya
2023-11-13 23:00:52 +03:00
parent ec90722fbe
commit dc3fa5717e
2 changed files with 28 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
luckydiamond/src/assets/icons/icon-deepslate_diamond_ore.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

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

@@ -12,7 +12,11 @@
</nav> </nav>
</div> </div>
<div class="header__balance"> <div class="header__balance">
<h1>25000</h1> <div class="header__balance--content">
<div class="balance__count">
<h2><img src="../assets/icons/icon-deepslate_diamond_ore.png">{{ balance }}</h2>
</div>
</div>
</div> </div>
</div> </div>
</header> </header>
@@ -20,7 +24,12 @@
<script> <script>
export default { export default {
name: 'Header-Element-page' name: 'Header-Element-page',
data() {
return {
balance: 25000
}
}
} }
</script> </script>
@@ -93,4 +102,21 @@ export default {
bottom: -7px; bottom: -7px;
left: 0; left: 0;
} }
.balance__count {
border-radius: 9px;
padding: 10px 10px;
background: #22252F;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.balance__count h2 {
display: flex;
align-items: center;
color: #fff;
font-family: Montserrat Alternates;
font-weight: 700;
font-size: 18px;
}
.balance__count h2 img {
margin-right: 6px;
}
</style> </style>