shiyue/ittoview
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(整合): 优化更新日志显示，同日期更新合并为单卡片行式布局

Browse Source 
via [HAPI](https://hapi.run)

Co-Authored-By: HAPI <noreply@hapi.run>
This commit is contained in:
ittoview
2026-03-08 03:46:11 +00:00
parent 18461b685c
commit cdf0009602
2 changed files with 33 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/ChangelogModal.tsx
View File

@@ -127,40 +127,41 @@ export function ChangelogModal({ isOpen, onClose }: ChangelogModalProps) {
<div className="flex-1 h-px bg-gray-200 dark:bg-gray-700" /> <div className="flex-1 h-px bg-gray-200 dark:bg-gray-700" />
</div> </div>
{/* 该日期下的更新列表 */} {/* 该日期下的更新列表 - 统一卡片 */}
<div className="space-y-3"> <motion.div
variants={itemVariants}
className="bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-700 divide-y divide-gray-200 dark:divide-gray-700"
>
{entries.map((entry, index) => { {entries.map((entry, index) => {
const meta = typeMeta[entry.type] const meta = typeMeta[entry.type]
return ( return (
<motion.div <div
key={entry.id || `${entry.date}-${index}`} key={entry.id || `${entry.date}-${index}`}
variants={itemVariants} className="p-4 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
className="bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-700 p-4 hover:border-indigo-300 dark:hover:border-indigo-600 transition-colors"
> >
{/* 标签行 */} <div className="flex items-start gap-3">
<div className="flex flex-wrap items-center gap-2 mb-2"> {/* 标签 */}
{/* 类型标签 */} <div className="flex items-center gap-2 flex-shrink-0">
<span className={`inline-flex items-center gap-1 px-2.5 py-1 rounded-md text-xs font-medium ${meta.className}`}> <span className={`inline-flex items-center gap-1 px-2.5 py-1 rounded-md text-xs font-medium ${meta.className}`}>
<Tag size={12} /> <Tag size={12} />
{meta.label} {meta.label}
</span>
{/* 范围标签 */}
{entry.scope && (
<span className="inline-flex items-center px-2.5 py-1 rounded-md text-xs font-medium bg-gray-200 text-gray-700 dark:bg-gray-700 dark:text-gray-300">
{entry.scope}
</span> </span>
)} {entry.scope && (
</div> <span className="inline-flex items-center px-2.5 py-1 rounded-md text-xs font-medium bg-gray-200 text-gray-700 dark:bg-gray-700 dark:text-gray-300">
{entry.scope}
</span>
)}
</div>
{/* 标题 */} {/* 标题 */}
<h4 className="text-sm font-medium text-gray-900 dark:text-white"> <p className="text-sm text-gray-900 dark:text-white flex-1">
{entry.title} {entry.title}
</h4> </p>
</motion.div> </div>
</div>
) )
})} })}
</div> </motion.div>
</div> </div>
))} ))}
</motion.div> </motion.div>

7
src/data/changelog.json
View File

@@ -1,5 +1,12 @@
{ {
"changelogEntries": [ "changelogEntries": [
{
"id": "2026-03-08-changelog-unified-card",
"date": "2026-03-08",
"type": "style",
"title": "优化更新日志显示，同日期更新合并为单卡片行式布局",
"scope": "整合"
},
{ {
"id": "2026-03-08-fix-modal-portal", "id": "2026-03-08-fix-modal-portal",
"date": "2026-03-08", "date": "2026-03-08",