changed px -> % in saperpage

This commit is contained in:
Kostya
2023-12-03 10:43:10 +03:00
parent 4a825daf61
commit aed1463e36

View File

@@ -24,7 +24,7 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.saper-start { .saper-start {
margin-left: 77px; margin-left: 5%;
border-radius: 20px; border-radius: 20px;
background: #22252F; background: #22252F;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
@@ -33,7 +33,7 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.padding-elements { .padding-elements {
padding-left: 22px; padding-left: 5%;
} }
.title-saper h2 { .title-saper h2 {
@@ -91,7 +91,7 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.crystals-input__margin { .crystals-input__margin {
margin-left: -22px; margin-left: -5.5%;
} }
.crystals-btns__choices button, .crystals-btns__choices button,
@@ -126,11 +126,11 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.diamonds h3 { .diamonds h3 {
margin: 5px 0 0 23px; margin: 1.2% 0 0 5.8%;
} }
.diamonds-input__margin { .diamonds-input__margin {
margin-left: -23px; margin-left: -5.6%;
} }
.diamonds .diamonds__choises input { .diamonds .diamonds__choises input {
@@ -143,7 +143,7 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.diamonds__btns { .diamonds__btns {
margin: 10px 0 0 22px; margin: 2.5% 0 0 5.5%;
} }
.diamonds-btns__display { .diamonds-btns__display {
@@ -162,7 +162,7 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.saper-start__btns { .saper-start__btns {
margin: 14px 10px 0 0; margin: 3.7% 2.7% 0 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@@ -193,7 +193,7 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.saper-start__steps { .saper-start__steps {
margin-top: 10px; margin-top: 2.8%;
} }
.steps-btns__display { .steps-btns__display {