From 4dad8626969830b7c028bbca465037c1f75a6ecf Mon Sep 17 00:00:00 2001 From: Filip Znachor Date: Wed, 1 May 2024 18:18:05 +0200 Subject: [PATCH] Independent tab bar height --- src/tabs.css | 2 +- web/ts/Synergy.ts | 2 ++ 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/tabs.css b/src/tabs.css index d5330da..2ea8c3f 100644 --- a/src/tabs.css +++ b/src/tabs.css @@ -25,7 +25,7 @@ content: ""; position: absolute; width: 70%; - height: var(--synergy-border-width); + height: var(--synergy-tab-bar-height); background-color: var(--synergy-border-active); bottom: 0; left: 15%; diff --git a/web/ts/Synergy.ts b/web/ts/Synergy.ts index d581140..ac6e21b 100644 --- a/web/ts/Synergy.ts +++ b/web/ts/Synergy.ts @@ -7,6 +7,7 @@ export let variables: Variable[] = [ {name: "border-radius", type: "number"}, {name: "focus-highlight", type: "color"}, {name: "tab-highlight", type: "color"}, + {name: "tab-bar-height", type: "number"}, {name: "label", type: "color"}, {name: "label-active", type: "color"}, {name: "btn-primary-bg", type: "color"}, @@ -31,6 +32,7 @@ export function getDefaultVariables() { return { "border-width": "2px", "border-radius": ".375rem", + "tab-bar-height": "3px", ...Preset.getRandom().getVariables() }; }