I ve converted the button to roulette soon

This commit is contained in:
Madara0330E
2024-04-02 18:12:15 +05:00
parent 41734a0e9a
commit 02deed48b6
2 changed files with 36 additions and 34 deletions

View File

@@ -97,7 +97,7 @@
.bg-early{
border-radius: 40px;
background: #969B9E;
background: #EF4444;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@@ -357,7 +357,7 @@
.gamemode__twoline--first__element {
width: 100%;
margin: 2% 3.6% 0 5.5%;
min-height: 180px;
min-height: 209px;
}
.linecontent-3 {
@@ -370,23 +370,13 @@
color: #fff;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: Montserrat Alternates;
font-size: 80px;
font-size: 60px;
font-weight: 700;
text-transform: uppercase;
padding: 4.5% 2.2%;
}
.gamemode__twoline--first__element .container {
display: flex;
justify-content: center;
align-items: center;
}
.gamemode__twoline--first__element .container a {
margin-right: 10%;
padding: 12px 10px;
margin-bottom: 3%;
}
.gamemode__twoline--two__element {
margin-top: 2%;
@@ -406,6 +396,21 @@
.cumming_soon--img {
margin-bottom: 4%;
}
.gamemode__twoline--two__element {
margin-top: 2%;
width: 100%;
min-height: 180px;
}
.gamemode__twoline--first__element .container {
display: flex;
justify-content: center;
}
.gamemode__twoline--first__element .container a {
margin-right: 10%;
}
/* /GameMode */
@@ -430,7 +435,7 @@
}
.title-twoline {
font-size: 60px;
font-size: 40px;
}
.line__img__jackpot {
@@ -472,11 +477,7 @@
width: 80px;
}
.gamemode__twoline--first__element .container a {
margin-right: 10%;
padding: 2px 11px 11px 11px;
margin-bottom: 3%;
}
.line__btn__jackpot {
border-radius: 16px;
@@ -506,7 +507,7 @@
}
.title-twoline {
font-size: 40px;
font-size: 20px;
}
.line__img__jackpot {
@@ -549,11 +550,7 @@
width: 80px;
}
.gamemode__twoline--first__element .container a {
margin-right: 10%;
padding: 2px 11px 11px 11px;
margin-bottom: 3%;
}
.line__btn__jackpot {
border-radius: 10px;
@@ -575,15 +572,16 @@
height: 265px;
}
.gamemode__twoline--first__element {
width: 100%;
margin: 0 3.6% 0 5.5%;
min-height: 60px;
}
.gamemode__twoline--two__element {
margin-top: 0;
width: 100%;
min-height: 60px;
}
.gamemode__twoline--first__element {
margin-top: 0;
width: 100%;
min-height: 60px;
}
}

View File

@@ -79,15 +79,19 @@
<div class="gamemode__twolines">
<div class="gamemode__twoline--first__element bg-early">
<ul>
<li v-for="mode in twolinefirstelementGameMode" :key="mode">
<li v-for="mode in twolinetwoelementGameMode" :key="mode.id">
<div :class="'linecontent-' + mode.id">
<h3 class="title-twoline">скоро</h3>
<h3 class="title-twoline">рулетка</h3>
</div>
<div class="container">
<a href="#" class="cumming_soon_btn"
<!-- <a href="#" class="line__btn">play <span class="line__btn--elm">></span></a> -->
<a
href="#"
@click="$router.push({ name: 'double' })"
class="line__btn--crash"
>play <span class="line__btn--elm"></span></a
>
<img src="@/assets/icons-gamemodes/slots-icon.png" class="cumming_soon--img" />
<img class="crash--img" src="@/assets/icons-gamemodes/slots-icon.png" />
</div>
</li>
</ul>