aronmal/leaky-ships
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixed amount styling

Browse source
This commit is contained in:
aronmal 2023-04-11 18:19:52 +02:00
parent 051af9a147
commit 47ed7da260
Signed by: aronmal
GPG key ID: 816B7707426FC612
1 changed files with 16 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

23
leaky-ships/styles/App.scss
View file

@ -304,22 +304,14 @@ body {
width: 128px; width: 128px;
.container { .container {
img { width: initial;
width: 64px;
padding: 8px;
@include pixelart;
background-color: white;
border-radius: 1rem;
}
&.amount {
position: relative; position: relative;
&::after { &.amount::after {
content: var(--amount); content: var(--amount);
position: absolute; position: absolute;
top: -6px; top: -8px;
right: -6px; right: -16px;
color: black; color: black;
background-color: white; background-color: white;
border: 1px solid black; border: 1px solid black;
@ -327,6 +319,13 @@ body {
font-size: 16px; font-size: 16px;
padding: 2px 8px; padding: 2px 8px;
} }
img {
width: 64px;
padding: 8px;
@include pixelart;
background-color: white;
border-radius: 1rem;
} }
} }