From 1a8672734d8c2b86ee25229770177b7c306745dc Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 23 Nov 2023 08:12:40 +0100
Subject: [PATCH] Added style classes for tabs

---
 Frontend/src/style.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/Frontend/src/style.css b/Frontend/src/style.css
index b405ade..c8fb746 100644
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -13,7 +13,7 @@
 }
 
 .inactive-button {
-    @apply py-2 px-4 h-fit text-slate-400 border border-slate-400 rounded-full
+    @apply py-2 px-3 h-fit text-slate-400 border border-slate-400 rounded-full
 }
 
 .tool-button {
@@ -34,4 +34,12 @@
 
 .text-field-success {
     @apply shadow-[0px_0px_10px_0px_rgba(52,211,153,1)];
-}
\ No newline at end of file
+}
+
+.tab {
+    @apply py-2 px-3 h-fit dark:text-slate-400 rounded-t-2xl border-t border-l border-r border-slate-400
+}
+
+.tab-active {
+    @apply py-2 px-3 h-fit text-slate-400 border-t border-l border-r border-slate-400 rounded-t-2xl bg-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
+}