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 style for card gamemodes in homepage

Browse Source
This commit is contained in:
Kostya
2023-11-15 21:35:19 +03:00
parent be0f77d620
commit 4b6b255cf4
1 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,7 +22,10 @@
</div>
<section class="gamemode">
<div class="gamemode__content">
<div class="gamemode__content--text">
<h2>Режимы игры</h2>
</div>
<div class="gamemode__content--card">
<div class="gamemode__main">
<div class="line__content">
<ul>
@@ -41,25 +44,25 @@
v-for="mode in firstlineGameMode"
:key="mode.id"
>
<div class="line__content--linefirst">
<div class="line__content">
{{ mode.title }}
</div>
</li>
</ul>
</div>
<div class="gamemode__line--two">
<div class="line__content">
<ul>
<li
v-for="mode in TwolineGameMode"
:key="mode.id"
>
<div class="line__content">
{{ mode.title }}
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
</section>
@@ -179,15 +182,15 @@ export default {
.gamemode {
margin: 0px 0px 0px 200px;
}
.gamemode__content--card {
display: flex;
}
.gamemode__main .line__content {
width: 400px;
height: 438px;
background: #fff;
}
.gamemode__content {
display: flex;
}
.gamemode__line--first .line__content--linefirst {
.line__content {
width: 400px;
height: 212px;
background: #d5d5d5;