diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-10-21 21:50:24 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-10-21 21:50:24 +0900 |
| commit | 0e40d4e7962204a31f2c149250f945504089a15b (patch) | |
| tree | 4f56892a7b17908e28e52edde8d44b0a97ef4095 /src/client/components | |
| parent | Merge branch 'develop' of https://github.com/syuilo/misskey into develop (diff) | |
| download | sharkey-0e40d4e7962204a31f2c149250f945504089a15b.tar.gz sharkey-0e40d4e7962204a31f2c149250f945504089a15b.tar.bz2 sharkey-0e40d4e7962204a31f2c149250f945504089a15b.zip | |
Clean up
Diffstat (limited to 'src/client/components')
| -rw-r--r-- | src/client/components/header-clock.vue | 102 |
1 files changed, 0 insertions, 102 deletions
diff --git a/src/client/components/header-clock.vue b/src/client/components/header-clock.vue deleted file mode 100644 index 6be8effbb7..0000000000 --- a/src/client/components/header-clock.vue +++ /dev/null @@ -1,102 +0,0 @@ -<template> -<div class="eqryymyo"> - <div class="header"> - <time ref="time" class="_ghost"> - <span class="yyyymmdd">{{ yyyy }}/{{ mm }}/{{ dd }}</span> - <br> - <span class="hhnn">{{ hh }}<span :style="{ visibility: now.getSeconds() % 2 == 0 ? 'visible' : 'hidden' }">:</span>{{ nn }}</span> - </time> - </div> - <div class="content _panel _ghost"> - <MkClock/> - </div> -</div> -</template> - -<script lang="ts"> -import { defineComponent } from 'vue'; -import MkClock from './analog-clock.vue'; -import * as os from '@/os'; - -export default defineComponent({ - components: { - MkClock - }, - data() { - return { - now: new Date(), - clock: null - }; - }, - computed: { - yyyy(): number { - return this.now.getFullYear(); - }, - mm(): string { - return ('0' + (this.now.getMonth() + 1)).slice(-2); - }, - dd(): string { - return ('0' + this.now.getDate()).slice(-2); - }, - hh(): string { - return ('0' + this.now.getHours()).slice(-2); - }, - nn(): string { - return ('0' + this.now.getMinutes()).slice(-2); - } - }, - mounted() { - this.tick(); - this.clock = setInterval(this.tick, 1000); - }, - beforeUnmount() { - clearInterval(this.clock); - }, - methods: { - tick() { - this.now = new Date(); - } - } -}); -</script> - -<style lang="scss" scoped> -.eqryymyo { - display: inline-block; - overflow: visible; - - > .header { - padding: 0 12px; - padding-top: 4px; - text-align: center; - font-size: 12px; - font-family: Lucida Console, Courier, monospace; - - &:hover + .content { - opacity: 1; - } - - > time { - display: table-cell; - vertical-align: middle; - height: 48px; - - > .yyyymmdd { - opacity: 0.7; - } - } - } - - > .content { - opacity: 0; - display: block; - position: absolute; - top: auto; - right: 0; - margin: 16px 0 0 0; - padding: 16px; - width: 230px; - transition: opacity 0.2s ease; - } -} -</style> |