Use mk-frac
This commit is contained in:
parent
ebb9a9b64f
commit
3a093f8bd7
|
@ -17,7 +17,7 @@
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="broadcast-nav" v-show="announcements && announcements.length > 1">
|
<div class="broadcast-nav" v-show="announcements && announcements.length > 1">
|
||||||
<div class="broadcast-page">{{ i + 1 }} / {{ announcements.length }}</div>
|
<mk-frac class="broadcast-page" :value="i + 1" :total="announcements.length"/>
|
||||||
<ui-button class="broadcast-prev" @click="prev" :title="$t('next')"><fa :icon="faAngleLeft"/></ui-button>
|
<ui-button class="broadcast-prev" @click="prev" :title="$t('next')"><fa :icon="faAngleLeft"/></ui-button>
|
||||||
<ui-button class="broadcast-next" @click="next" :title="$t('prev')"><fa :icon="faAngleRight"/></ui-button>
|
<ui-button class="broadcast-next" @click="next" :title="$t('prev')"><fa :icon="faAngleRight"/></ui-button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -144,7 +144,7 @@ export default define({
|
||||||
width 100%
|
width 100%
|
||||||
color var(--announcementsTitle)
|
color var(--announcementsTitle)
|
||||||
text-align center
|
text-align center
|
||||||
font-size .8rem
|
font-size .6rem
|
||||||
|
|
||||||
> .broadcast-prev,
|
> .broadcast-prev,
|
||||||
> .broadcast-next
|
> .broadcast-next
|
||||||
|
|
Loading…
Reference in a new issue