mirrors/shapez.io
1
Fork 0
mirror of https://github.com/tobspr-games/shapez.io.git synced 2026-01-16 06:10:58 -08:00
Code Issues Projects Releases Wiki Activity

Update ui design

Browse source
This commit is contained in:
tobspr 2020-07-23 09:07:51 +02:00
parent 2df1b8d014
commit 209fc76fc7
16 changed files with 43 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/css/states/about.scss
View file

@ -3,16 +3,16 @@
@include S(max-width, 600px);
@include PlainText;
padding: 0;
background: transparent;
}
.head {
background: rgba(0, 0, 0, 0.2);
@include S(padding, 10px);
@include S(padding, 20px);
img {
display: block;
margin: 0 auto;
@include S(max-width, 300px);
@include S(max-width, 200px);
}
}
@ -23,10 +23,4 @@
a {
@include S(margin, 0, 3px);
}
@include DarkThemeOverride {
.head {
background: rgba(22, 21, 21, 0.1);
}
}
}

6
src/css/states/main_menu.scss
View file

@ -55,7 +55,7 @@
opacity: 0;
display: none;
transform: translate(50%, 50%);
filter: blur(10px);
// filter: blur(10px);
$opacity: 0.2;
&.loaded {
@ -178,6 +178,10 @@
transform: translateX(50%) rotate(-7deg) scale(1.1);
}
}
@include DarkThemeOverride {
color: $colorBlueBright;
}
}
}

26
src/css/states/settings.scss
View file

@ -1,6 +1,6 @@
#state_SettingsState {
$colorCategoryButton: #393747;
$colorCategoryButtonSelected: #5c5872;
$colorCategoryButton: #eee;
$colorCategoryButtonSelected: #5f748b;
.container .content {
display: flex;
@ -115,16 +115,23 @@
}
}
button.categoryButton {
button.categoryButton,
button.about {
background-color: $colorCategoryButton;
color: #777a7f;
&.active {
background-color: $colorCategoryButtonSelected;
}
}
color: #fff;
button.about {
background-color: $colorGreenBright;
&:hover {
opacity: 1;
}
}
&.pressed {
transform: none !important;
}
}
.versionbar {
@ -145,8 +152,9 @@
@include DarkThemeOverride {
.container .content {
.sidebar {
button.categoryButton {
background-color: #44444f;
button.categoryButton,
button.about {
background-color: #3f3f47;
&.active {
background-color: $colorBlueBright;