natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

enhance(client): ✨

This commit is contained in:
syuilo 2021-12-29 13:36:17 +09:00
parent c537a0ba93
commit 034b8f09df
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/client/src/widgets/calendar.vue
View File

@ -5,7 +5,8 @@
<span class="year">{{ $t('yearX', { year }) }}</span> <span class="year">{{ $t('yearX', { year }) }}</span>
<span class="month">{{ $t('monthX', { month }) }}</span> <span class="month">{{ $t('monthX', { month }) }}</span>
</p> </p>
<p class="day">{{ $t('dayX', { day }) }}</p> <p v-if="month === 1 && day === 1" class="day">🎉{{ $t('dayX', { day }) }}<span style="display: inline-block; transform: scaleX(-1);">🎉</span></p>
<p v-else class="day">{{ $t('dayX', { day }) }}</p>
<p class="week-day">{{ weekDay }}</p> <p class="week-day">{{ weekDay }}</p>
</div> </div>
<div class="info"> <div class="info">
@ -34,7 +35,6 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import define from './define'; import define from './define';
import * as os from '@/os';
const widget = define({ const widget = define({
name: 'calendar', name: 'calendar',
@ -127,12 +127,12 @@ export default defineComponent({
} }
} }
> p { > .month-and-year, > .week-day {
margin: 0; margin: 0;
line-height: 18px; line-height: 18px;
font-size: 0.9em; font-size: 0.9em;
> span { > .year, > .month {
margin: 0 4px; margin: 0 4px;
} }
} }