mirror of
https://github.com/tobspr/shapez.io.git
synced 2026-03-02 03:39:21 +00:00
Show required amount in pinned shapes
This commit is contained in:
@@ -10,10 +10,11 @@
|
||||
|
||||
> .shape {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
display: grid;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
grid-template-columns: auto 1fr;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
@include S(margin-bottom, 5px);
|
||||
|
||||
&.unpinable {
|
||||
@@ -26,15 +27,34 @@
|
||||
> canvas {
|
||||
@include S(width, 25px);
|
||||
@include S(height, 25px);
|
||||
grid-column: 1 / 2;
|
||||
grid-row: 1 / 3;
|
||||
}
|
||||
|
||||
> .amountLabel {
|
||||
> .amountLabel,
|
||||
> .goalLabel {
|
||||
@include S(margin-left, 5px);
|
||||
@include SuperSmallText;
|
||||
font-weight: bold;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
grid-column: 2 / 3;
|
||||
@include S(height, 9px);
|
||||
}
|
||||
|
||||
> .goalLabel {
|
||||
@include S(font-size, 7px);
|
||||
opacity: 0.3;
|
||||
align-self: start;
|
||||
justify-self: start;
|
||||
grid-row: 2 / 3;
|
||||
}
|
||||
|
||||
> .amountLabel {
|
||||
align-self: end;
|
||||
justify-self: start;
|
||||
grid-row: 1 / 2;
|
||||
}
|
||||
|
||||
&.marked .amountLabel {
|
||||
|
||||
Reference in New Issue
Block a user