style: modify nav-bar

Kris3131 · Aug 29, 2022 · 83752b8 · 83752b8
1 parent 0f151dd
commit 83752b8
Showing 1 changed file with 16 additions and 5 deletions.
diff --git a/views/layouts/main.hbs b/views/layouts/main.hbs
@@ -12,11 +12,22 @@
 		/>
 	</head>
 	<body>
-		{{#if isAuthenticated}}
-			<a href='/users/logout'>logout</a>
-		{{else}}
-			<a href='/users/login'>login</a>
-		{{/if}}
+		<nav class='navbar bg-light'>
+			<div class='container-fluid'>
+				<span class='navbar-brand mb-0 h1'>家庭記帳本</span>
+				{{#if isAuthenticated}}
+					<a
+						class='btn btn-outline-light border border-dark text-warning'
+						href='/users/logout'
+					>登出</a>
+				{{else}}
+					<a
+						class='btn btn-outline-light border border-dark text-warning'
+						href='/users/login'
+					>登入</a>
+				{{/if}}
+			</div>
+		</nav>
 		{{{body}}}
 		<script
 			src='https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js'