Archives/tobspr_shapez.io
1
0
Fork 0
mirror of https://github.com/tobspr/shapez.io.git synced 2024-10-27 20:34:29 +00:00
Code Issues Projects Releases Wiki Activity

web improvements

Browse Source
This commit is contained in:
tobspr 2022-06-02 20:55:20 +02:00
parent 29b0d41d66
commit 282f200b9a
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
res/ui/get_on_steam.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 20 KiB

15
src/css/states/main_menu.scss
View File

@ -97,16 +97,14 @@
} }
.standaloneBanner { .standaloneBanner {
background: rgb(255, 75, 84); background: rgb(216, 79, 76);
@include S(border-radius, $globalBorderRadius + 4); @include S(border-radius, $globalBorderRadius);
box-sizing: border-box; box-sizing: border-box;
border: solid rgba(#fff, 0.15);
@include S(border-width, 4px);
@include S(padding, 15px); @include S(padding, 15px);
box-shadow: 0 D(5px) D(15px) rgba(#000, 0.2);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
strong { strong {
font-weight: bold; font-weight: bold;
@include S(margin, 0, 4px); @include S(margin, 0, 4px);
@ -116,6 +114,7 @@
@include Heading; @include Heading;
font-weight: bold; font-weight: bold;
@include S(margin-bottom, 20px); @include S(margin-bottom, 20px);
display: none;
text-transform: uppercase; text-transform: uppercase;
color: #fff; color: #fff;
} }
@ -137,13 +136,13 @@
align-self: center; align-self: center;
justify-self: center; justify-self: center;
width: 100%; width: 100%;
@include S(height, 40px); @include S(height, 40px * 1.2);
@include S(width, 180px); @include S(width, 180px * 1.2);
background: #171a23 center center / contain no-repeat; background: #171a23 center center / contain no-repeat;
// overflow: hidden; // overflow: hidden;
display: block; display: block;
cursor: pointer; cursor: pointer;
@include S(margin-top, 30px); @include S(margin-top, 15px);
pointer-events: all; pointer-events: all;
transition: all 0.12s ease-in; transition: all 0.12s ease-in;
transition-property: opacity, transform; transition-property: opacity, transform;