alex/agb
1
0
Fork 0
mirror of https://github.com/italicsjenga/agb.git synced 2024-12-23 08:11:33 +11:00
Code Issues Packages Projects Releases Wiki Activity

clean up the edges

Browse source
This commit is contained in:
Corwin 2024-04-04 17:46:11 +01:00
parent 374b45be48
commit b2b93be33d
No known key found for this signature in database
3 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
website/site/assets/left.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 251 B

After

Width:  |  Height:  |  Size: 181 B

BIN
website/site/assets/right.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 275 B

After

Width:  |  Height:  |  Size: 206 B

14
website/site/index.html
View file

@ -31,24 +31,24 @@
} }
.gameDisplay { .gameDisplay {
height: calc(min(480px, 60vh)); height: calc(min(480px, 40vh, calc(100vw / 3)));
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 100vw; max-width: 100vw;
margin-top: 20px; margin-top: 20px;
} }
.gameDisplay > div > div { .gameDisplay .imageWrapper {
aspect-ratio: 17 / 33; aspect-ratio: 15 / 31;
height: 100%; height: 100%;
} }
.gameDisplay > div > div > img { .gameDisplay .imageWrapper > img {
height: 100%; height: 100%;
image-rendering: pixelated; image-rendering: pixelated;
} }
.gameDisplay > div > iframe { .gameDisplay iframe {
border: 0; border: 0;
height: 100%; height: 100%;
max-width: 100vw; max-width: 100vw;
@ -99,12 +99,12 @@
<section> <section>
<div class="gameDisplay"> <div class="gameDisplay">
<div> <div>
<div><img src="assets/left.png" /></div> <div class="imageWrapper"><img src="assets/left.png" /></div>
<iframe <iframe
onload="this.contentWindow.focus()" onload="this.contentWindow.focus()"
src="mgba/index.html" src="mgba/index.html"
></iframe> ></iframe>
<div><img src="assets/right.png" /></div> <div class="imageWrapper"><img src="assets/right.png" /></div>
</div> </div>
</div> </div>
<div class="help"> <div class="help">