feat: Unify scaling and apply to clock widget

This commit is contained in:
SeDemal committed 2025-02-15 09:57:57 +01:00
1 parent 26468a4137
commit 0f9c31a4fb
7 files changed
+53 -6

No files matched your search

@@ -35,8 +35,9 @@ export const BoardItemContent = ({ item }: BoardItemContentProps) => {
styles={{
root: {
"--opacity": board.opacity / 100,
containerType: "size",
overflow: item.kind === "iframe" ? "hidden" : undefined,
"--custom-text-size-scale": item.advancedOptions.customTextSize,
"--custom-spacing-scale": item.advancedOptions.customSpacing,
},
}}
p={0}
@@ -9,4 +9,22 @@
}
background-color: var(--background-color) !important;
border-color: var(--border-color) !important;
container-type: size;
--spacing-base: 0.5cqmin;
--mantine-spacing-xs: calc(1 * var(--spacing-base) * var(--custom-spacing-scale));
--mantine-spacing-sm: calc(2 * var(--spacing-base) * var(--custom-spacing-scale));
--mantine-spacing-md: calc(4 * var(--spacing-base) * var(--custom-spacing-scale));
--mantine-spacing-lg: calc(8 * var(--spacing-base) * var(--custom-spacing-scale));
--mantine-spacing-xl: calc(16 * var(--spacing-base) * var(--custom-spacing-scale));
--text-size-base: 5cqmin;
--mantine-font-size-xs: calc(1 * var(--text-size-base) * var(--custom-text-size-scale));
--mantine-font-size-sm: calc(1.5 * var(--text-size-base) * var(--custom-text-size-scale));
--mantine-font-size-md: calc(2.5 * var(--text-size-base) * var(--custom-text-size-scale));
--mantine-font-size-lg: calc(4 * var(--text-size-base) * var(--custom-text-size-scale));
--mantine-font-size-xl: calc(6 * var(--text-size-base) * var(--custom-text-size-scale));
--text-lh: 1.35;
}