display version in main menu

This commit is contained in:
tobspr 2020-12-07 19:37:55 +01:00
parent 2b685ee98c
commit 46e53244d4
2 changed files with 10 additions and 8 deletions

View File

@ -94,9 +94,11 @@
} }
.standaloneBanner { .standaloneBanner {
background: rgb(255, 234, 245); background: rgb(255, 75, 84);
@include S(border-radius, $globalBorderRadius); @include S(border-radius, $globalBorderRadius + 4);
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);
display: flex; display: flex;
@ -110,13 +112,14 @@
h3 { h3 {
@include Heading; @include Heading;
font-weight: bold; font-weight: bold;
@include S(margin-bottom, 5px); @include S(margin-bottom, 20px);
text-transform: uppercase; text-transform: uppercase;
color: $colorRedBright; color: #fff;
} }
p { p {
@include Text; @include Text;
color: #fff;
} }
ul { ul {
@ -138,7 +141,7 @@
display: block; display: block;
text-indent: -999em; text-indent: -999em;
cursor: pointer; cursor: pointer;
@include S(margin-top, 20px); @include S(margin-top, 30px);
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;
@ -181,9 +184,8 @@
.updateLabel { .updateLabel {
position: absolute; position: absolute;
transform: translateX(50%) rotate(-5deg); transform: translateX(50%) rotate(-5deg);
color: $colorRedBright; color: rgb(231, 78, 58);
@include Heading; @include Heading;
text-transform: uppercase;
font-weight: bold; font-weight: bold;
@include S(right, 40px); @include S(right, 40px);
@include S(bottom, 20px); @include S(bottom, 20px);

View File

@ -59,7 +59,7 @@ export class MainMenuState extends GameState {
<div class="logo"> <div class="logo">
<img src="${cachebust("res/logo.png")}" alt="shapez.io Logo"> <img src="${cachebust("res/logo.png")}" alt="shapez.io Logo">
<span class="updateLabel">Wires update!</span> <span class="updateLabel">v${G_BUILD_VERSION}</span>
</div> </div>
<div class="mainWrapper ${showDemoBadges ? "demo" : "noDemo"}"> <div class="mainWrapper ${showDemoBadges ? "demo" : "noDemo"}">