Launch button stylized to look clearer. WIP on moving all the launch elements to the right for better readability.

This commit is contained in:
Wehi
2023-05-10 02:19:44 +02:00
parent ed743b2ff9
commit f4b8cdf732
2 changed files with 8 additions and 8 deletions

View File

@@ -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) {

View File

@@ -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;