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

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

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