This commit is contained in:
limepotato 2024-07-05 17:57:48 -06:00 committed by Iceshrimp development
parent 9229f41878
commit a4ee5e4d6f

View file

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div v-if="achievements" :class="'.root'"> <div v-if="achievements" :class="'.root'">
<div v-for="achievement in achievements" :key="achievement" :class="'.achievement'" class="_panel"> <div v-for="achievement in achievements" :key="achievement" :class="'.achievement'" class="_panel" :style="'margin-bottom: 15px;'">
<div :class="'.icon'"> <div :class="'.icon'">
<div :class="['.iconFrame', ['iconFrame_' + ACHIEVEMENT_BADGES[achievement.name].frame]]"> <div :class="['.iconFrame', ['iconFrame_' + ACHIEVEMENT_BADGES[achievement.name].frame]]">
<div :class="['.iconInner']" :style="{ background: ACHIEVEMENT_BADGES[achievement.name].bg }"> <div :class="['.iconInner']" :style="{ background: ACHIEVEMENT_BADGES[achievement.name].bg }">
@ -11,8 +11,8 @@
</div> </div>
<div :class="'.body'"> <div :class="'.body'">
<div :class="'.header'"> <div :class="'.header'">
<span :class="'.titleAchievement'">{{ i18n.ts._achievements._types['_' + achievement.name].title }}</span> <span :class="'.title'" :style="'font-size: 125%; font-weight: bold;'">{{ i18n.ts._achievements._types['_' + achievement.name].title }}</span>
<span :class="'.time'"> <span :class="'.time'" :style="'margin-left: 10px; font-size: 125%;'">
<time v-tooltip="new Date(achievement.unlockedAt).toLocaleString()">{{ new Date(achievement.unlockedAt).getFullYear() }}/{{ new Date(achievement.unlockedAt).getMonth() + 1 }}/{{ new Date(achievement.unlockedAt).getDate() }}</time> <time v-tooltip="new Date(achievement.unlockedAt).toLocaleString()">{{ new Date(achievement.unlockedAt).getFullYear() }}/{{ new Date(achievement.unlockedAt).getMonth() + 1 }}/{{ new Date(achievement.unlockedAt).getDate() }}</time>
</span> </span>
</div> </div>
@ -26,9 +26,9 @@
</div> </div>
<div :class="'.body'"> <div :class="'.body'">
<div :class="'.header'"> <div :class="'.header'">
<span :class="'.title'">???</span> <span :class="'.title'" :style="'font-size: 100%; font-weight: bold;'">???</span>
</div> </div>
<div :class="'.description'">???</div> <div :class="'.description'" :style="'font-size: 125%;'">???</div>
</div> </div>
</div> </div>
</template> </template>