jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-05-21 09:57:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #713 from nagisa77/codex/limit-base-timeline-hover-to-messages

Browse Source 
feat: limit BaseTimeline hover to private messages
This commit is contained in:
Tim
2025-08-25 10:29:52 +08:00
committed by GitHub
parent 8437c1c714 583d4042f5
commit 1f6f470ab5
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend_nuxt/components/BaseTimeline.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="timeline"> <div class="timeline" :class="{ 'hover-enabled': hover }">
<div class="timeline-item" v-for="(item, idx) in items" :key="idx"> <div class="timeline-item" v-for="(item, idx) in items" :key="idx">
<div <div
class="timeline-icon" class="timeline-icon"
@@ -22,6 +22,7 @@ export default {
name: 'BaseTimeline', name: 'BaseTimeline',
props: { props: {
items: { type: Array, default: () => [] }, items: { type: Array, default: () => [] },
hover: { type: Boolean, default: false },
}, },
} }
</script> </script>
@@ -41,7 +42,7 @@ export default {
margin-top: 10px; margin-top: 10px;
} }
.timeline-item:hover { .hover-enabled .timeline-item:hover {
background-color: var(--menu-selected-background-color); background-color: var(--menu-selected-background-color);
transition: background-color 0.2s; transition: background-color 0.2s;
border-radius: 10px; border-radius: 10px;

2
frontend_nuxt/pages/message-box/[id].vue
View File

@@ -20,7 +20,7 @@
{{ loadingMore ? '加载中...' : '查看更多消息' }} {{ loadingMore ? '加载中...' : '查看更多消息' }}
</div> </div>
</div> </div>
<BaseTimeline :items="messages"> <BaseTimeline :items="messages" hover>
<template #item="{ item }"> <template #item="{ item }">
<div class="message-header"> <div class="message-header">
<div class="user-name"> <div class="user-name">