fix: 优化卡片布局

- 分类标签移至右上角
- 卡片最小高度调整
- 网格宽度调整
- 文字右侧留出空间避免被按钮遮挡
This commit is contained in:
小龙
2026-04-06 15:01:06 +00:00
parent 4d36e80695
commit 27c725a8d4
2 changed files with 12 additions and 11 deletions
+1 -1
View File
@@ -279,12 +279,12 @@ function SiteCard({ site, onClick, onToggleFav, onEdit, onDelete }) {
return (
<div className="site-card" onClick={handleCardClick}>
{site.category && <span className="card-category">{site.category.name}</span>}
<div className="card-icon">
{site.icon && site.icon.startsWith('http') ? <img src={site.icon} alt=""/> : <Icon name="globe" size={26}/>}
</div>
<div className="card-name">{site.name}</div>
{site.description && <div className="card-desc">{site.description}</div>}
{site.category && <span className="card-category">{site.category.name}</span>}
<div className="card-bottom-actions">
<button className={`card-favorite ${site.is_favorite ? 'active' : ''}`} onClick={handleFav} title="收藏">
<Icon name="star" size={15}/>