0.3.0-0-pre.4-fix.3

This commit is contained in:
2026-09-20 13:40:19 +02:00
parent 023825b89b
commit 86b8af3b61
10 changed files with 200 additions and 19 deletions

View File

@@ -1,5 +1,5 @@
<!-- file: Web/game-snake-poc/frontend/main.html -->
<!-- version: 2 -->
<!-- version: 3 -->
<!DOCTYPE html>
<html lang="fr">
@@ -31,9 +31,10 @@
</nav>
</header>
<main class="app-main container-fluid p-0" data-simplebar>
<section class="app-content">
<div class="container-fluid px-3 px-md-4 py-3 py-md-4">
<main class="app-main container-fluid p-0">
<div class="row g-0 h-100 flex-nowrap">
<section class="col app-content app-scrollable h-100" data-simplebar>
<div class="container-fluid px-3 px-md-4 py-3 py-md-4">
<div class="card app-shell-card mx-auto shadow-sm border-0">
<div class="card-body p-3 p-md-4">
<div class="d-flex align-items-start justify-content-between gap-3 flex-wrap mb-3">
@@ -91,8 +92,9 @@
<p id="startup-error" class="alert alert-danger mt-3 mb-0" role="alert" hidden></p>
</div>
</div>
</div>
</section>
</div>
</section>
</div>
</main>
<footer class="app-footer bg-dark text-light">

View File

@@ -1,5 +1,5 @@
// file: Web/game-snake-poc/frontend/sass/_app.scss
// version: 2
// version: 3
$app-header-height: 72px;
$app-footer-height: 42px;
@@ -47,8 +47,20 @@ body {
overflow: hidden;
}
.app-main > .row {
flex-wrap: nowrap;
min-width: 0;
}
.app-scrollable {
height: 100%;
max-height: 100%;
}
.app-content {
min-height: 100%;
min-width: 0;
height: 100%;
max-height: 100%;
}
.app-logo {