mirror of
https://github.com/BewlyBewly/BewlyBewly.git
synced 2025-04-14 13:15:29 +00:00
feat(History): add device icons for history items (#854)
* fix: UserPanelPop hover Inconsistent animation * fix(VideoCard): `moreBtn` Button issue from `#829`, add cursor-pointer class to enhance UX * feat(History): add device icons for history items
This commit is contained in:
@@ -420,12 +420,30 @@ function jumpToLoginPage() {
|
||||
Live
|
||||
</span>
|
||||
</a>
|
||||
<p display="block xl:none" text="$bew-text-3 sm" mt-auto mb-2>
|
||||
{{
|
||||
useDateFormat(historyItem.view_at * 1000, 'YYYY-MM-DD HH:mm:ss')
|
||||
.value
|
||||
}}
|
||||
</p>
|
||||
<div
|
||||
display="xl:none"
|
||||
flex items-center
|
||||
text="$bew-text-3 sm"
|
||||
mt-auto
|
||||
mb-2
|
||||
>
|
||||
<div
|
||||
v-if="historyItem.history.dt === 1 || historyItem.history.dt === 3 || historyItem.history.dt === 5 || historyItem.history.dt === 7"
|
||||
i-mingcute:cellphone-line class="historyItemDevice"
|
||||
/>
|
||||
<div v-if="historyItem.history.dt === 2" i-mingcute:tv-1-line class="historyItemDevice" />
|
||||
<div
|
||||
v-if="historyItem.history.dt === 4 || historyItem.history.dt === 6" i-mingcute:pad-line
|
||||
class="historyItemDevice"
|
||||
/>
|
||||
<div v-if="historyItem.history.dt === 33" i-mingcute:tv-2-line class="historyItemDevice" />
|
||||
<div>
|
||||
{{
|
||||
useDateFormat(historyItem.view_at * 1000, 'YYYY-MM-DD HH:mm:ss')
|
||||
.value
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button
|
||||
@@ -519,4 +537,7 @@ function jumpToLoginPage() {
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.historyItemDevice {
|
||||
--uno: "text-[18px] mr-[8px]";
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user