mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-21 06:59:09 +00:00
refactor: style tweaks to view styles
This commit is contained in:
@@ -36,8 +36,8 @@ export const getOperatorOptions = (customFields: CustomFields, timeFormat: strin
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'subscribe',
|
id: 'subscribe',
|
||||||
title: 'Highlight Field',
|
title: 'Highlight Fields',
|
||||||
description: 'Choose a custom field to highlight',
|
description: 'Choose custom fields to highlight',
|
||||||
type: 'multi-option',
|
type: 'multi-option',
|
||||||
values: customFieldSelect,
|
values: customFieldSelect,
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ $timer-label-size: clamp(12px, 1.25vw, 20px);
|
|||||||
$base-font-size: clamp(15px, 1.5vw, 28px);
|
$base-font-size: clamp(15px, 1.5vw, 28px);
|
||||||
$title-font-size: clamp(18px, 2.25vw, 42px);
|
$title-font-size: clamp(18px, 2.25vw, 42px);
|
||||||
$timer-value-size: clamp(24px, 2.5vw, 48px);
|
$timer-value-size: clamp(24px, 2.5vw, 48px);
|
||||||
$header-font-size: clamp(28px, 3.5vw, 64px);
|
$header-font-size: clamp(24px, 2.5vw, 48px);
|
||||||
|
|
||||||
// General styling
|
// General styling
|
||||||
$accent-color: $red-500; // --accent-color-override
|
$accent-color: $red-500; // --accent-color-override
|
||||||
@@ -24,8 +24,8 @@ $viewer-label-color: rgba(white, 25%);
|
|||||||
$viewer-background-color: $ui-black; // --background-color-override
|
$viewer-background-color: $ui-black; // --background-color-override
|
||||||
$viewer-color: rgba(white, 80%); // --color-override
|
$viewer-color: rgba(white, 80%); // --color-override
|
||||||
$viewer-secondary-color: rgba(white, 45%); // --secondary-color-override
|
$viewer-secondary-color: rgba(white, 45%); // --secondary-color-override
|
||||||
$viewer-card-bg-color: rgba(white, 7%); // --card-background-color-override
|
$viewer-card-bg-color: rgba(white, 5%); // --card-background-color-override
|
||||||
$element-border-radius: 8px;
|
$element-border-radius: 4px;
|
||||||
|
|
||||||
// Generic element sizes
|
// Generic element sizes
|
||||||
$view-element-gap: min(2vh, 16px);
|
$view-element-gap: min(2vh, 16px);
|
||||||
|
|||||||
Reference in New Issue
Block a user