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 code in style home, add style for bg-card

Browse Source
This commit is contained in:
Kostya
2023-11-23 20:23:41 +03:00
parent a439a4051b
commit dbbfb933a1
2 changed files with 8 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
luckydiamond/src/assets/css/PagesStyles/home.css
View File

@@ -68,10 +68,6 @@
/* GameMode */ /* GameMode */
.gamemode {
width: 80%;
}
.gamemode__content--text h2 { .gamemode__content--text h2 {
margin: 2% 0 .5% 10%; margin: 2% 0 .5% 10%;
text-transform: uppercase; text-transform: uppercase;
@@ -94,10 +90,13 @@
margin-top: 14px; margin-top: 14px;
} }
.gamemode__main { .bg-card {
border-radius: 40px; border-radius: 40px;
background: #EF4444; background: #EF4444;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.gamemode__main {
width: 32%; width: 32%;
height: 100%; height: 100%;
margin-left: 8%; margin-left: 8%;
@@ -171,9 +170,6 @@
} }
.gamemode__firstline { .gamemode__firstline {
background: #EF4444;
filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
border-radius: 40px;
margin: 0 0 18px 35px; margin: 0 0 18px 35px;
} }
@@ -222,9 +218,6 @@
} }
.gamemode__twoline--first__element { .gamemode__twoline--first__element {
background: #EF4444;
filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
border-radius: 40px;
width: 100%; width: 100%;
margin: 18px 36px 0 35px; margin: 18px 36px 0 35px;
min-height: 180px; min-height: 180px;
@@ -261,9 +254,6 @@
} }
.gamemode__twoline--two__element { .gamemode__twoline--two__element {
border-radius: 40px;
background: #EF4444;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin-top: 18px; margin-top: 18px;
width: 100%; width: 100%;
min-height: 180px; min-height: 180px;

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

@@ -21,7 +21,7 @@
<div></div> <div></div>
</div> </div>
<div class="gamemode__content--card"> <div class="gamemode__content--card">
<div class="gamemode__main"> <div class="gamemode__main bg-card">
<ul> <ul>
<li <li
v-for="mode in mainGameMode" v-for="mode in mainGameMode"
@@ -40,7 +40,7 @@
</ul> </ul>
</div> </div>
<div class="gamemode__lines"> <div class="gamemode__lines">
<div class="gamemode__firstline"> <div class="gamemode__firstline bg-card">
<ul> <ul>
<li <li
v-for="mode in firstlineGameMode" v-for="mode in firstlineGameMode"
@@ -59,7 +59,7 @@
</ul> </ul>
</div> </div>
<div class="gamemode__twolines"> <div class="gamemode__twolines">
<div class="gamemode__twoline--first__element"> <div class="gamemode__twoline--first__element bg-card">
<ul> <ul>
<li <li
v-for="mode in twolinefirstelementGameMode" v-for="mode in twolinefirstelementGameMode"
@@ -75,7 +75,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="gamemode__twoline--two__element"> <div class="gamemode__twoline--two__element bg-card">
<ul> <ul>
<li <li
v-for="mode in twolinetwoelementGameMode" v-for="mode in twolinetwoelementGameMode"