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:
ljt990218
2024-06-23 22:31:55 +08:00
committed by GitHub
parent 9f3005ac65
commit 3cd7aafc81

View File

@@ -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>