added prev/next btns

SandeepKrSuman · Mar 30, 2022 · ce5276f · ce5276f
1 parent 69450f6
commit ce5276f
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/popup/popup.html b/popup/popup.html
@@ -10,6 +10,10 @@ <h1 id="word"></h1>
       <p id="phonetic"></p>
       <div id="definition"></div>
       <p id="example"></p>
+      <div class="navigate-container">
+        <span class="navigator previous">&laquo;</span>
+        <span class="navigator next">&raquo;</span>
+      </div>
       <script src="popup.js" type="text/javascript"></script>
   </body>
 </html>
diff --git a/popup/style.css b/popup/style.css
@@ -25,3 +25,28 @@ div {
   font-size: 1rem;
   background-color: #9ddac6;
 }
+
+.navigate-container {
+  display: flex;
+  justify-content: space-between;
+  text-align: center;
+  background-color: #ffffff;
+}
+
+.navigator {
+  text-decoration: none;
+  display: inline-block;
+  padding: 6px 14px;
+}
+
+.navigator:hover {
+  cursor: pointer;
+  background-color: #ddd;
+  color: black;
+}
+
+.previous,
+.next {
+  background-color: #f1f1f1;
+  color: black;
+}