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

First frontend adjustments

Browse source
This commit is contained in:
aronmal 2022-08-06 00:23:33 +02:00
parent 79d5f23078
commit 37f949a850
Signed by: aronmal
GPG key ID: 816B7707426FC612
17 changed files with 3439 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

39
frontend/src/App.scss
View file

@ -36,3 +36,42 @@
transform: rotate(360deg);
}
}
#game {
border: 5px solid orange;
position: relative;
height: 1200px;
width: 1200px;
display: grid;
grid-template-rows: repeat(12, 1fr);
grid-template-columns: repeat(12, 1fr);
grid-gap: 1px solid blue;
.missle {
height: 50px;
width: 50px;
position: absolute;
border: 1px solid red;
top: calc(50px + 100px * var(--y));
left: calc(50px + 100px* var(--x));
transform: translateX(-50%) translateY(-50%);
}
svg {
height: 50px;
width: 50px;
align-self: center;
justify-self: center;
grid-column: var(--x);
grid-row: var(--y);
}
.r1 {
border: 2px solid blue;
}
.r2 {
border: 2px solid green;
}
.r3 {
border: 2px solid yellowgreen;
}
}