worldcone/cherrypick
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2023-01-08 11:57:34 +09:00
parent 8b1fdb5a3b
commit 01652b72b3
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/frontend/src/widgets/calendar.vue
View file

@ -11,19 +11,19 @@
</div> </div>
<div class="info"> <div class="info">
<div> <div>
<p>{{ i18n.ts.today }}: <b>{{ dayP.toFixed(1) }}%</b></p> <p>{{ i18n.ts.today }}<b>{{ dayP.toFixed(1) }}%</b></p>
<div class="meter"> <div class="meter">
<div class="val" :style="{ width: `${dayP}%` }"></div> <div class="val" :style="{ width: `${dayP}%` }"></div>
</div> </div>
</div> </div>
<div> <div>
<p>{{ i18n.ts.thisMonth }}: <b>{{ monthP.toFixed(1) }}%</b></p> <p>{{ i18n.ts.thisMonth }}<b>{{ monthP.toFixed(1) }}%</b></p>
<div class="meter"> <div class="meter">
<div class="val" :style="{ width: `${monthP}%` }"></div> <div class="val" :style="{ width: `${monthP}%` }"></div>
</div> </div>
</div> </div>
<div> <div>
<p>{{ i18n.ts.thisYear }}: <b>{{ yearP.toFixed(1) }}%</b></p> <p>{{ i18n.ts.thisYear }}<b>{{ yearP.toFixed(1) }}%</b></p>
<div class="meter"> <div class="meter">
<div class="val" :style="{ width: `${yearP}%` }"></div> <div class="val" :style="{ width: `${yearP}%` }"></div>
</div> </div>
@ -168,13 +168,14 @@ defineExpose<WidgetComponentExpose>({
} }
> p { > p {
display: flex;
margin: 0 0 2px 0; margin: 0 0 2px 0;
font-size: 0.75em; font-size: 0.75em;
line-height: 18px; line-height: 18px;
opacity: 0.8; opacity: 0.8;
> b { > b {
margin-left: 2px; margin-left: auto;
} }
} }