summaryrefslogtreecommitdiff
path: root/packages/frontend/src/widgets/WidgetClock.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/frontend/src/widgets/WidgetClock.vue')
-rw-r--r--packages/frontend/src/widgets/WidgetClock.vue8
1 files changed, 7 insertions, 1 deletions
diff --git a/packages/frontend/src/widgets/WidgetClock.vue b/packages/frontend/src/widgets/WidgetClock.vue
index 707f403603..aee5026db4 100644
--- a/packages/frontend/src/widgets/WidgetClock.vue
+++ b/packages/frontend/src/widgets/WidgetClock.vue
@@ -1,6 +1,12 @@
<template>
<MkContainer :naked="widgetProps.transparent" :showHeader="false" data-cy-mkw-clock>
- <div :class="[$style.root, $style[widgetProps.size]]">
+ <div
+ :class="[$style.root, {
+ [$style.small]: widgetProps.size === 'small',
+ [$style.medium]: widgetProps.size === 'medium',
+ [$style.large]: widgetProps.size === 'large',
+ }]"
+ >
<div v-if="widgetProps.label === 'tz' || widgetProps.label === 'timeAndTz'" class="_monospace" :class="[$style.label, $style.a]">{{ tzAbbrev }}</div>
<MkAnalogClock
:class="$style.clock"