fix(footer): keep desktop footer visible during gameplay

Previously hid the footer on the game view to avoid overlap with the
on-screen D-pad on mobile. Render it on every view now and only suppress
it via @media (pointer: coarse) when in-game, so desktop always shows
the credit line while touch devices keep the mistouch-safe behavior.
This commit is contained in:
2026-04-28 21:45:23 +07:00
parent 2f5b184344
commit d5b8aeff27
+10 -6
View File
@@ -31,12 +31,12 @@
{/key}
{/if}
{#if view !== 'game'}
<footer class="site-footer">
Made with <span class="heart"></span> by
<a href="https://miti99.com" target="_blank" rel="noopener noreferrer">miti99</a>
</footer>
{/if}
<!-- Footer always shows on desktop. On touch/mobile it's hidden during
gameplay so it can't overlap the on-screen D-pad / action stack. -->
<footer class="site-footer" class:in-game={view === 'game'}>
Made with <span class="heart"></span> by
<a href="https://miti99.com" target="_blank" rel="noopener noreferrer">miti99</a>
</footer>
<style>
.site-footer {
@@ -73,4 +73,8 @@
0%, 100% { transform: scale(1); }
50% { transform: scale(1.2); }
}
@media (pointer: coarse) {
.site-footer.in-game { display: none; }
}
</style>