Independent tab bar height
This commit is contained in:
parent
d1ebcdaac4
commit
4dad862696
2 changed files with 3 additions and 1 deletions
|
@ -25,7 +25,7 @@
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
height: var(--synergy-border-width);
|
height: var(--synergy-tab-bar-height);
|
||||||
background-color: var(--synergy-border-active);
|
background-color: var(--synergy-border-active);
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 15%;
|
left: 15%;
|
||||||
|
|
|
@ -7,6 +7,7 @@ export let variables: Variable[] = [
|
||||||
{name: "border-radius", type: "number"},
|
{name: "border-radius", type: "number"},
|
||||||
{name: "focus-highlight", type: "color"},
|
{name: "focus-highlight", type: "color"},
|
||||||
{name: "tab-highlight", type: "color"},
|
{name: "tab-highlight", type: "color"},
|
||||||
|
{name: "tab-bar-height", type: "number"},
|
||||||
{name: "label", type: "color"},
|
{name: "label", type: "color"},
|
||||||
{name: "label-active", type: "color"},
|
{name: "label-active", type: "color"},
|
||||||
{name: "btn-primary-bg", type: "color"},
|
{name: "btn-primary-bg", type: "color"},
|
||||||
|
@ -31,6 +32,7 @@ export function getDefaultVariables() {
|
||||||
return {
|
return {
|
||||||
"border-width": "2px",
|
"border-width": "2px",
|
||||||
"border-radius": ".375rem",
|
"border-radius": ".375rem",
|
||||||
|
"tab-bar-height": "3px",
|
||||||
...Preset.getRandom().getVariables()
|
...Preset.getRandom().getVariables()
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue