fix: 优化卡片布局
- 分类标签移至右上角 - 卡片最小高度调整 - 网格宽度调整 - 文字右侧留出空间避免被按钮遮挡
This commit is contained in:
@@ -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}/>
|
||||
|
||||
Reference in New Issue
Block a user