KnockOutWhist/KnockOutWhist-Web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 32 Wiki Activity

feat(ui): changed Background color, centered Lobby

Browse Source 
Added a background color for the mainmenu and the lobby + centered lobby
This commit is contained in:
LQ63
2025-11-09 16:34:47 +01:00
committed by Janis
parent c220e54bb8
commit 1496179a6b
3 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
knockoutwhistweb/app/assets/stylesheets/main.less
View File

@@ -33,6 +33,10 @@
width: 100%; width: 100%;
height: 100vh; height: 100vh;
} }
.lobby-background {
background-color: @background-color;
}
.navbar-header{ .navbar-header{
text-align:center; text-align:center;

1
knockoutwhistweb/app/views/main.scala.html
View File

@@ -22,6 +22,7 @@
@* And here's where we render the `Html` object containing @* And here's where we render the `Html` object containing
* the page content. *@ * the page content. *@
@content @content
<script src="@routes.JavaScriptRoutingController.javascriptRoutes()" type="text/javascript"></script> <script src="@routes.JavaScriptRoutingController.javascriptRoutes()" type="text/javascript"></script>
<script src="@routes.Assets.versioned("javascripts/main.js")" type="text/javascript"></script> <script src="@routes.Assets.versioned("javascripts/main.js")" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>

2
knockoutwhistweb/app/views/mainmenu/creategame.scala.html
View File

@@ -4,7 +4,7 @@
@navbar(user) @navbar(user)
<main class="lobby-background flex-grow-1"> <main class="lobby-background flex-grow-1">
<div class="w-50 mx-auto"> <div class="w-50 mx-auto">
<div class="mt-3"> <div class="w-50 mx-auto">
<label for="lobbyname" class="form-label">Lobby-Name</label> <label for="lobbyname" class="form-label">Lobby-Name</label>
<input type="text" class="form-control" id="lobbyname" name="lobbyname" placeholder="Lobby 1" required> <input type="text" class="form-control" id="lobbyname" name="lobbyname" placeholder="Lobby 1" required>
</div> </div>