yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 04:09:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

added styles for diamond input and some styles for btns start and claim, saperpage

Browse Source
This commit is contained in:
Kostya
2023-12-03 10:03:08 +03:00
parent fa45f06f4b
commit 8801f47f76
4 changed files with 87 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
View File

@@ -47,7 +47,8 @@ input[type="number"]::-webkit-outer-spin-button {
font-size: 13px;
}
.crystals h3 {
.crystals h3,
.diamonds h3 {
color: #44C6EF54;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: Montserrat Alternates;
@@ -56,7 +57,8 @@ input[type="number"]::-webkit-outer-spin-button {
line-height: 31px;
}
.crystals .crystals__choises input {
.crystals .crystals__choises input,
.diamonds .diamonds__choises input {
width: 110px;
height: 38px;
color: #FFF;
@@ -75,7 +77,8 @@ input[type="number"]::-webkit-outer-spin-button {
align-items: center;
}
.crystals .crystals__choises input:focus {
.crystals .crystals__choises input:focus,
.diamonds .diamonds__choises input:focus {
outline: none;
}
@@ -83,7 +86,8 @@ input[type="number"]::-webkit-outer-spin-button {
margin-left: -22px;
}
.crystals-btns__choices button {
.crystals-btns__choices button,
.btn-style__diamonds button {
margin-left: 5px;
border-radius: 10px;
background: #252C47;
@@ -97,7 +101,8 @@ input[type="number"]::-webkit-outer-spin-button {
padding: 4px 23px;
}
.crystal-icon {
.crystal-icon,
.diamond-icon {
position: relative;
left: 25px;
top: 2px;
@@ -105,4 +110,63 @@ input[type="number"]::-webkit-outer-spin-button {
.crystals-btns__display {
display: flex;
}
#diamonds-input {
width: 347px;
height: 38px;
}
.diamonds h3 {
margin: 5px 0 0 23px;
}
.diamonds-input__margin {
margin-left: -23px;
}
.diamonds .diamonds__choises input {
padding-left: 35px;
}
.diamond-icon {
top: 12px;
left: 35px;
}
.diamonds__btns {
margin: 10px 0 0 22px;
}
.diamonds-btns__display {
display: flex;
}
.btn-style__diamonds button {
padding: 4px 20px;
}
#max-button {
text-transform: uppercase;
font-family: Inter;
font-size: 16px;
font-weight: 700;
}
.saper-start__btns {
margin: 14px 10px 0 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.saper-start__btns button {
width: 100%;
padding: 14px;
margin-bottom: 5px;
}
.btn-start {
}