Added style classes for tabs

This commit is contained in:
2023-11-23 08:12:40 +01:00
parent 6f2d16c2b9
commit de0b447344

View File

@@ -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)];
}
}
.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
}