jessikitty/frambe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

fix: wrap main-frame in flexbox centering wrapper for reliable centering on all resolutions

Browse Source
This commit is contained in:
jessikitty
2026-05-22 09:14:33 +10:00
parent 1b45afb6f4
commit c1ebbaef98
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+3
View File
@@ -44,12 +44,15 @@
<canvas id="pile-canvas"></canvas> <canvas id="pile-canvas"></canvas>
<div class="bg-vignette"></div> <div class="bg-vignette"></div>
<!-- Flexbox wrapper handles centering; animation lives on inner frame -->
<div class="main-frame-wrapper">
<div id="main-frame" class="main-frame"> <div id="main-frame" class="main-frame">
<div class="frame-border"> <div class="frame-border">
<img id="main-photo" class="frame-media" alt=""> <img id="main-photo" class="frame-media" alt="">
<video id="main-video" class="frame-media" muted playsinline style="display:none"></video> <video id="main-video" class="frame-media" muted playsinline style="display:none"></video>
</div> </div>
</div> </div>
</div>
<div id="overlay" class="overlay"> <div id="overlay" class="overlay">
<div class="overlay-top-right"> <div class="overlay-top-right">