mirror of
https://github.com/tiennm99/sokoban.git
synced 2026-09-08 16:17:58 +00:00
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:
+10
-6
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user