damus.io

commit ff74755f23c5f26a5784081da89106f994522fe8
parent 8826acff6fb6a9e14adbe387fd27a2a856147bc9
Author: William Casarin <jb55@jb55.com>
Date:   Sat, 12 Nov 2022 14:57:19 -0800

web: fix scrolling on desktop

Diffstat:
M
web/css/responsive.css
 | 
2
++
M
web/css/styles.css
 | 
4
++--
M
web/index.html
 | 
2
--

3 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/web/css/responsive.css b/web/css/responsive.css
@@ -14,6 +14,8 @@
 	/* Application Framework */
 	#container {
 		flex-flow: column-reverse;
+		width: 100vw;
+		height: 100vh;
 	}
 	#content {
 		width: initial;
diff --git a/web/css/styles.css b/web/css/styles.css
@@ -121,10 +121,10 @@ button.nav {
 
 /* Application Framework */
 #container {
+	margin: auto;
+	max-width: 750px;
 	display: flex;
 	flex-flow: row;
-	width: 100vw;
-	height: 100vh;
 	overflow: hidden;
 }
 #content {
diff --git a/web/index.html b/web/index.html
@@ -25,7 +25,6 @@
 		});
 		</script>
 		<div id="container">
-			<div class="flex-fill vertical-hide"></div>
 			<div id="nav" class="flex-noshrink">
 				<div id="app-icon-logo" class="vertical-hide">
 					<i class="fa-regular fa-fw fa-hand-peace"></i>
@@ -43,7 +42,6 @@
 				</header>
 				<div id="view"></div>
 			</div>
-			<div class="flex-fill vertical-hide"></div>
 		</div>
 		<div class="modal closed" id="reply-modal">
 			<div id="reply-modal-content" class="modal-content">