feat: rewrite of tabs component

2025-03-13 13:11:52 +01:00
parent 4f30888c5c
commit 630986d49c
2 changed files with 51 additions and 63 deletions
--- a/src/App.css
+++ b/src/App.css
@@ -321,11 +321,20 @@ button,
  opacity: 0.75;
 }

-.tablink {
-  color: white;
-  cursor: pointer;
+.tab-button {
  flex: 1;
+  background-color: grey;
+  border: none;
  margin: 4px auto;
+  cursor: pointer;
+  opacity: 50%;
+}
+
+.tab-button.active {
+  opacity: unset;
+  font-weight: bold;
+  background-color: black;
+  color: white;
 }

 .navbar {