refactor styles for header in mobile

This commit is contained in:
Kostya
2023-11-27 14:33:50 +03:00
parent 1a3312c809
commit 7d2852552b
2 changed files with 39 additions and 14 deletions

View File

@@ -1,3 +1,4 @@
<link rel="stylesheet" href="../../assets/css/PagesStyles/adaptive-pages/homemobile.css">
<template>
<div class="content-grid__mobile-home">
<header class="header-mobile">
@@ -5,10 +6,14 @@
<div class="header-mobile__logo">
<img src="@/assets/icons-adaptive/home-adaptive/logo.svg" alt="LuckyDiamond Play Now">
</div>
<div class="header-mobile__nav">
<div class="balance-mobile__card card-balance">
<h2><img src="@/assets/icons-adaptive/home-adaptive/icon-diamond-ore.png">999</h2>
<a href="#"><img src="@/assets/icons-adaptive/home-adaptive/icon-deposit.png"></a>
<div class="header-mobile__balance">
<div class="header-mobile__balance--content">
<div class="header-mobile__card card-display card-text card-img">
<h2><img src="@/assets/icons-adaptive/home-adaptive/icon-diamond-ore.png">999</h2>
</div>
<div class="header-mobile__btn--balance btn-card btn-card__margin">
<a href="#"><img src="@/assets/icons-adaptive/home-adaptive/icon-deposit.png"></a>
</div>
</div>
</div>
</div>