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

refactor template home-mobile

Browse Source
This commit is contained in:
Kostya
2023-11-29 15:33:12 +03:00
parent a74f177780
commit 4a59b150db
2 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
View File

@@ -102,7 +102,9 @@ body {
.main-mobile__content { .main-mobile__content {
display: flex; display: flex;
align-items: center;
justify-content: center; justify-content: center;
flex-direction: column;
} }
.bg-mobile { .bg-mobile {
@@ -113,7 +115,15 @@ body {
height: 105px; height: 105px;
} }
.card-mobile__content { .main-mobile__first-line {
display: flex;
}
.main-mobile__two-line {
display: flex;
}
.card-mobile__content { /* text display */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;

13
luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
View File

@@ -20,16 +20,21 @@
</header> </header>
<main class="main-mobile"> <main class="main-mobile">
<div class="main-mobile__content"> <div class="main-mobile__content">
<div class="main-mobile__first-line" v-for="mode in firstlineGameMode" :key="mode"> <div class="main-mobile__first-line">
<div class="card-mobile__content bg-mobile card-first"> <div class="card-mobile__content bg-mobile card-first" v-for="mode in firstlineGameMode" :key="mode">
<h2>{{ mode.title }}</h2> <h2>{{ mode.title }}</h2>
<div class="card-mobile__btn"> <div class="card-mobile__btn">
<a href="#">Play ></a> <a href="#">Play ></a>
</div> </div>
</div> </div>
</div> </div>
<div class="main-mobile__two-line" v-for="mode in twolineGameMode" :key="mode"> <div class="main-mobile__two-line">
<h1>1</h1> <div class="card-mobile__content bg-mobile card-two" v-for="mode in twolineGameMode" :key="mode">
<h2>{{ mode.title }}</h2>
<div class="card-mobile__btn">
<a href="#">Play ></a>
</div>
</div>
</div> </div>
</div> </div>
</main> </main>