From b3c71efab365b535baa50b4ff38c6891c8b980ed Mon Sep 17 00:00:00 2001
From: buzz-lightsnack-2007
 <73412182+buzz-lightsnack-2007@users.noreply.github.com>
Date: Tue, 23 Apr 2024 12:35:05 +0800
Subject: [PATCH] add navigation bar

---
 pages/popup.htm | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)
diff --git a/pages/popup.htm b/pages/popup.htm
index d6931ab..d7610fb 100644
--- a/pages/popup.htm
+++ b/pages/popup.htm
@@ -2,24 +2,27 @@
 <head>
 	<script src="../styles/external/materialize/js/materialize.js"></script> 
 	<script src="../scripts/pages/popup.js" type="module"></script> 
+	<link href="/styles/popup.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
+	<nav id="header" class="nav-wrapper transparent" data-result-linked="filters">
+		<ul class="left">
+			
+		</ul>
+		<ul class="right">
+			<li><a data-icon="cog" accesskey="," data-action="open,settings"></a></li>
+			<li><a data-icon="refresh" accesskey="r" data-action="analysis,reload"></a></li>
+		</ul>
+	</nav>
 	<main class="container">
 		<summary>
-			<h1 data-active-result-processed="Rating,Score">0.00%</h1>
-			<progress data-active-result="Rating,Score" min="0" max="1" value="0"></progress>
-			<p class="flow-text" data-active-result="Rating,Reason">Reason</p>
 			<p data-active-result="Description,Summary">Summary</p>
+			<p id="summary" class="flow-text" data-active-result="Rating,Reason">Reason</p>
+			<progress data-active-result="Rating,Score" min="0" max="1" value="0"></progress>
 		</summary>
 		<details>
 		</details>
 	</main>
-	<footer class="fixed-action-btn">
-		<button class="btn-floating btn-large" data-icon="refresh" accesskey="r" data-action="analysis,reload"></button>
-		<ul>
-		    <button class="btn-floating" data-icon="cog" accesskey="," data-action="open,settings"></button>
-		</ul>
-	</footer>
 </body>
 
 </html>
