diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-14 23:55:13 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-14 23:55:13 +0900 |
| commit | cddfc551101eeb720376a5de55101c381fac9960 (patch) | |
| tree | 895929d234b4d8f6de3beb76a7bdd081f69cfba7 /src/client/widgets | |
| parent | アナログ時計ウィジェットを移植 (#5944) (diff) | |
| download | sharkey-cddfc551101eeb720376a5de55101c381fac9960.tar.gz sharkey-cddfc551101eeb720376a5de55101c381fac9960.tar.bz2 sharkey-cddfc551101eeb720376a5de55101c381fac9960.zip | |
:v:
Diffstat (limited to 'src/client/widgets')
| -rw-r--r-- | src/client/widgets/clock.vue | 16 |
1 files changed, 9 insertions, 7 deletions
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> |