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 temporary styles for section gamemode

Browse Source
This commit is contained in:
Kostya
2023-11-15 21:27:31 +03:00
parent f3ea1dc9f8
commit 22f4febdea
1 changed files with 40 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
luckydiamond/src/pages/HomePage.vue
View File

@@ -24,14 +24,16 @@
<section class="gamemode"> <section class="gamemode">
<div class="gamemode__content"> <div class="gamemode__content">
<div class="gamemode__main"> <div class="gamemode__main">
<ul> <div class="line__content">
<li <ul>
v-for="mode in mainGameMode" <li
:key="mode.id" v-for="mode in mainGameMode"
> :key="mode.id"
{{ mode.title }} >
</li> {{ mode.title }}
</ul> </li>
</ul>
</div>
</div> </div>
<div class="gamemode__line--first"> <div class="gamemode__line--first">
<ul> <ul>
@@ -39,19 +41,23 @@
v-for="mode in firstlineGameMode" v-for="mode in firstlineGameMode"
:key="mode.id" :key="mode.id"
> >
{{ mode.title }} <div class="line__content--linefirst">
{{ mode.title }}
</div>
</li> </li>
</ul> </ul>
</div> </div>
<div class="gamemode__line--two"> <div class="gamemode__line--two">
<ul> <div class="line__content">
<li <ul>
v-for="mode in TwolineGameMode" <li
:key="mode.id" v-for="mode in TwolineGameMode"
> :key="mode.id"
{{ mode.title }} >
</li> {{ mode.title }}
</ul> </li>
</ul>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -169,4 +175,21 @@ export default {
left: 35%; left: 35%;
bottom: 83%; bottom: 83%;
} }
.gamemode {
margin: 0px 0px 0px 200px;
}
.gamemode__main .line__content {
width: 400px;
height: 438px;
background: #fff;
}
.gamemode__content {
display: flex;
}
.gamemode__line--first .line__content--linefirst {
width: 400px;
height: 212px;
background: #d5d5d5;
}
</style> </style>