From cddfc551101eeb720376a5de55101c381fac9960 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Fri, 14 Feb 2020 23:55:13 +0900
Subject: :v:

---
 src/client/widgets/clock.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

(limited to 'src/client/widgets')

diff --git a/src/client/widgets/clock.vue b/src/client/widgets/clock.vue
index bd521813b7..8e61898033 100644
--- a/src/client/widgets/clock.vue
+++ b/src/client/widgets/clock.vue
@@ -1,8 +1,8 @@
 <template>
-<div class="mkw-clock">
+<div>
 	<mk-container :naked="props.style % 2 === 0" :show-header="false">
-		<div class="mkw-analog-clock--body">
-			<mk-analog-clock :dark="$store.state.device.darkmode" :smooth="props.style < 2"/>
+		<div class="vubelbmv">
+			<mk-analog-clock class="clock" :smooth="props.style < 2"/>
 		</div>
 	</mk-container>
 </div>
@@ -10,7 +10,6 @@
 
 <script lang="ts">
 import define from './define';
-
 import MkContainer from '../components/ui/container.vue';
 import MkAnalogClock from '../components/analog-clock.vue';
 
@@ -34,9 +33,12 @@ export default define({
 </script>
 
 <style lang="scss" scoped>
-.mkw-analog-clock {
-	.mkw-analog-clock--body {
-		padding: 8px;
+.vubelbmv {
+	padding: 8px;
+
+	> .clock {
+		height: 150px;
+		margin: auto;
 	}
 }
 </style>
-- 
cgit v1.2.3-freya