mirror of
https://github.com/Grasscutters/Cultivation.git
synced 2025-12-14 08:04:52 +01:00
Launch button stylized to look clearer. WIP on moving all the launch elements to the right for better readability.
This commit is contained in:
@@ -29,7 +29,7 @@ select:focus {
|
|||||||
|
|
||||||
.App {
|
.App {
|
||||||
background-size: cover !important;
|
background-size: cover !important;
|
||||||
background-position: center !important;
|
background-position: bottom !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.TopButton {
|
.TopButton {
|
||||||
@@ -107,11 +107,8 @@ select:focus {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 160px;
|
height: 160px;
|
||||||
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
box-shadow: inset 0px 5px 12px -3px rgb(50 50 50 / 75%);
|
|
||||||
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-height: 580px) {
|
@media (max-height: 580px) {
|
||||||
|
|||||||
@@ -8,9 +8,10 @@
|
|||||||
right: 10%;
|
right: 10%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|
||||||
width: 32%;
|
width: 20%;
|
||||||
height: 80%;
|
height: 120%;
|
||||||
min-width: 357px;
|
min-width: 357px;
|
||||||
|
padding: 0 0 140px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#playButton > div {
|
#playButton > div {
|
||||||
@@ -20,13 +21,15 @@
|
|||||||
#playButton .BigButton {
|
#playButton .BigButton {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
|
box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
#serverControls {
|
#serverControls {
|
||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
text-shadow: 1px 1px 8px black;
|
text-shadow: 1px 1px 8px black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.BottomSection .CheckboxDisplay {
|
.BottomSection .CheckboxDisplay {
|
||||||
border-color: #c5c5c5;
|
border-color: #c5c5c5;
|
||||||
|
|||||||
Reference in New Issue
Block a user