summaryrefslogtreecommitdiff
path: root/src/client/widgets/clock.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/widgets/clock.vue')
-rw-r--r--src/client/widgets/clock.vue23
1 files changed, 9 insertions, 14 deletions
diff --git a/src/client/widgets/clock.vue b/src/client/widgets/clock.vue
index 8e61898033..6388324125 100644
--- a/src/client/widgets/clock.vue
+++ b/src/client/widgets/clock.vue
@@ -1,11 +1,9 @@
<template>
-<div>
- <mk-container :naked="props.style % 2 === 0" :show-header="false">
- <div class="vubelbmv">
- <mk-analog-clock class="clock" :smooth="props.style < 2"/>
- </div>
- </mk-container>
-</div>
+<mk-container :naked="props.transparent" :show-header="false">
+ <div class="vubelbmv">
+ <mk-analog-clock class="clock"/>
+ </div>
+</mk-container>
</template>
<script lang="ts">
@@ -16,19 +14,16 @@ import MkAnalogClock from '../components/analog-clock.vue';
export default define({
name: 'clock',
props: () => ({
- style: 0
+ transparent: {
+ type: 'boolean',
+ default: false,
+ },
})
}).extend({
components: {
MkContainer,
MkAnalogClock
},
- methods: {
- func() {
- this.props.style = (this.props.style + 1) % 4;
- this.save();
- }
- }
});
</script>