ags: reimplement tabs

2024-03-03 23:48:28 +07:00
parent 9c1710361b
commit be56c956c8
8 changed files with 145 additions and 218 deletions
@@ -231,4 +231,27 @@ popover {

 .gap-h-15 {
    min-width: 1.023rem;
+}
+
+.tab-btn {
+    @include small-rounding;
+    @include element_decel;
+    min-height: 2.5rem;
+    color: $onSurface;
+}
+
+.tab-btn:hover,
+.tab-btn:focus {
+    background-color: $hovercolor;
+}
+
+.tab-btn-active>box>label {
+    color: $primary;
+}
+
+.tab-indicator {
+    transition: 180ms ease-in-out; // Doesn't look that good, but it syncs with the GtkStack
+    min-height: 0.205rem;
+    padding: 0rem 1.023rem;
+    color: $primary;
 }