Remove content-wrapper class and replace with id app

Bios-Marcel · Bios-Marcel · commit 3e99a0ba8939 · 2025-03-05T19:27:04.000+01:00
diff --git a/internal/frontend/resources/index.css b/internal/frontend/resources/index.css
@@ -3,13 +3,6 @@
     margin: 0;
 }
 
-#app {
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-    max-height: 100vh;
-}
-
 /*root end*/
 
 #logo {
diff --git a/internal/frontend/resources/root.css b/internal/frontend/resources/root.css
@@ -136,10 +136,11 @@ textarea {
     resize: none;
 }
 
-.content-wrapper {
+#app {
     display: flex;
     flex-direction: column;
-    height: 100%;
+    min-height: 100vh;
+    max-height: 100vh;
 }
 
 .noscript {
diff --git a/internal/frontend/templates/error.html b/internal/frontend/templates/error.html
@@ -12,7 +12,7 @@
 </head>
 
 <body>
-    <div class="content-wrapper">
+    <div id="app">
         <div class="error-pane-wrapper">
             <div class="error-pane">
                 <h1 class="error-title">(◕︿◕✿)</h1>
diff --git a/internal/frontend/templates/lobby.html b/internal/frontend/templates/lobby.html
@@ -20,7 +20,7 @@
 </head>
 
 <body>
-    <div class="content-wrapper">
+    <div id="app">
         <noscript><span class="noscript">{{.Translation.Get "requires-js"}}</span></noscript>
 
         <div id="lobby">
diff --git a/internal/frontend/templates/robot.html b/internal/frontend/templates/robot.html
@@ -24,7 +24,7 @@
 </head>
 
 <body>
-    <div class="content-wrapper">
+    <div id="app">
         <h1 class="error-title">(◕︿◕✿)</h1>
         <h2 class="error-message">You can NOT join the lobby with this browser.</h2>
         <a class="go-back" href="{{.RootPath}}/">Click here to get back to the Homepage</a>

Original file line number	Diff line number	Diff line change
`@@ -136,10 +136,11 @@ textarea {`
`136`	`136`	`resize: none;`
`137`	`137`	`}`
`138`	`138`
`139`		`-.content-wrapper {`
	`139`	`+#app {`
`140`	`140`	`display: flex;`
`141`	`141`	`flex-direction: column;`
`142`		`- height: 100%;`
	`142`	`+ min-height: 100vh;`
	`143`	`+ max-height: 100vh;`
`143`	`144`	`}`
`144`	`145`
`145`	`146`	`.noscript {`