damus.io

commit 59e25e9087cecddd5dbe7c06d5c49191cde17f1c
parent 3cb6a2f7b3865059d0d8f37d4387d30e22357a72
Author: William Casarin <jb55@jb55.com>
Date:   Sat, 12 Nov 2022 14:31:56 -0800

Revert "web: mobile-friendly nav"

This reverts commit 1b49a7029bb7ba69adeba555e1d88196bb98c6dd.

Diffstat:
M
web/css/styles.css
 | 
26
++++++++++++++++++--------
M
web/index.html
 | 
26
+++++++++++++-------------

2 files changed, 31 insertions(+), 21 deletions(-)
diff --git a/web/css/styles.css b/web/css/styles.css
@@ -47,6 +47,9 @@ body {
 }
 
 /* Utilities */
+.flex-fill {
+	flex: 1;
+}
 .hide {
 	display: none;
 }
@@ -100,18 +103,24 @@ button.nav {
 }
 
 #container {
-	margin: auto;
-	max-width: 750px;
-	border-right: 1px solid var(--clrBorder);
-	border-left: 1px solid var(--clrBorder);
+	display: flex;
+
+	/*
+	flex-direction: row;
+	width: 100vw;
+	height: 100vh;
+	overflow: hidden;*/
 }
 #nav {
+	flex-shrink: 1;
+	border-right: 1px solid var(--clrBorder);
+}
+#content {
 	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	border-bottom: 1px solid var(--clrBorder);
+	flex-direction: column;
+	border-right: 1px solid var(--clrBorder);
 }
-#container header > label {
+#content header > label {
 	padding: 22px 15px;
 	font-size: 22px;
 	font-weight: 800;
@@ -119,6 +128,7 @@ button.nav {
 }
 
 #view {
+	max-width: 750px;
 	overflow-y: scroll;
 	flex: 1;
 }
diff --git a/web/index.html b/web/index.html
@@ -23,17 +23,15 @@
         });
         </script>
         <div id="container">
+            <div class="flex-fill"></div>
             <div id="nav">
+                <div id="app-icon-logo">
+                    <i class="fa-regular fa-fw fa-hand-peace"></i>
+                </div>
                 <div>
                     <button class="nav icon">
                         <i class="fa fa-fw fa-home"></i><span class="hide">Home</span>
-                    </button>
-		</div>
-
-                <div id="app-icon-logo">
-			<!--<img src="https://damus.io/img/damus.svg">-->
-			<i class="fa-regular fa-fw fa-hand-peace"></i>
-                </div>
+                    </button></div>
 
                 <!--
                 <div>
@@ -48,13 +46,15 @@
                 <div>
                     <button onclick="press_logout()" title="Sign Out" class="nav icon">
                         <i class="fa fa-fw fa-arrow-right-from-bracket"></i><span class="hide">Sign Out</span>
-                    </button>
-		</div>
+                    </button></div>
+            </div>
+            <div id="content">
+                <header>
+                    <label>Home</label>
+                </header>
+                <div id="view"></div>
             </div>
-            <header>
-               <label>Home</label>
-            </header>
-            <div id="view"></div>
+            <div class="flex-fill"></div>
         </div>
         <div class="modal closed" id="reply-modal">
             <div id="reply-modal-content" class="modal-content">