gch3n/maqt-desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: further increase font sizes, icons, buttons, and spacing

Browse Source
This commit is contained in:
Chen Gu
2026-05-09 18:39:06 +08:00
parent c8d89dca41
commit 3142ccc762
35 changed files with 189 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/schemes/SchemeCard.tsx
View File

@@ -30,19 +30,19 @@ export default function SchemeCard({ scheme, isFavorited, onFavorite, onUse, onC
<Card
hoverable
onClick={() => onClick?.(scheme.id)}
className={`flex flex-col p-3 gap-2 ${className}`}
className={`flex flex-col p-4 gap-2 ${className}`}
serial={scheme.isOfficial ? 'OFFICIAL' : undefined}
>
{/* 标题 */}
<div className="flex items-start justify-between gap-2">
<div className="min-w-0 flex-1">
<h3 className="text-[12px] font-bold tracking-[0.08em] uppercase text-[#e0e0e0] truncate">
<h3 className="text-[15px] font-bold tracking-[0.08em] uppercase text-[#e0e0e0] truncate">
{scheme.title || '未命名方案'}
</h3>
<p className="text-[12px] font-mono text-[#555] mt-0.5">{scheme.weaponName || scheme.category || '通用'}</p>
<p className="text-[15px] font-mono text-[#555] mt-0.5">{scheme.weaponName || scheme.category || '通用'}</p>
</div>
{scheme.isOfficial && (
<span className="text-[12px] font-semibold tracking-[0.1em] uppercase text-[#ff4500] border border-[#ff4500]/30 px-1 py-0.5">
<span className="text-[15px] font-semibold tracking-[0.1em] uppercase text-[#ff4500] border border-[#ff4500]/30 px-1 py-0.5">
官方
</span>
)}
@@ -50,19 +50,19 @@ export default function SchemeCard({ scheme, isFavorited, onFavorite, onUse, onC
{/* 作者 */}
{scheme.user?.username && (
<p className="text-[12px] font-mono text-[#555]">作者: {scheme.user.username}</p>
<p className="text-[15px] font-mono text-[#555]">作者: {scheme.user.username}</p>
)}
{/* 价格 */}
{scheme.price > 0 && (
<p className="text-[12px] font-mono text-[#555]">💰 {scheme.price}</p>
<p className="text-[15px] font-mono text-[#555]">💰 {scheme.price}</p>
)}
{/* 操作按钮 */}
<div className="flex items-center gap-2 mt-auto pt-1 border-t border-[#333]">
<button
onClick={e => { e.stopPropagation(); onFavorite?.(scheme.id); }}
className={`text-[12px] font-mono px-1.5 py-1 border transition-colors duration-75
className={`text-[15px] font-mono px-2 py-1 border transition-colors duration-75
${isFavorited
? 'border-[#ff4500] text-[#ff4500]'
: 'border-[#333] text-[#555] hover:border-[#555]'}`}
@@ -71,7 +71,7 @@ export default function SchemeCard({ scheme, isFavorited, onFavorite, onUse, onC
</button>
<button
onClick={e => { e.stopPropagation(); onUse?.(scheme.id); }}
className="ml-auto text-[12px] font-semibold tracking-[0.1em] uppercase text-[#888] border border-[#333] px-1.5 py-1
className="ml-auto text-[15px] font-semibold tracking-[0.1em] uppercase text-[#888] border border-[#333] px-2 py-1
hover:border-[#ff4500] hover:text-[#ff4500] transition-colors duration-75"
>
使用
@@ -79,7 +79,7 @@ export default function SchemeCard({ scheme, isFavorited, onFavorite, onUse, onC
</div>
{/* 统计数据 */}
<div className="flex items-center gap-3 text-[12px] font-mono text-[#555]">
<div className="flex items-center gap-4 text-[15px] font-mono text-[#555]">
<span>👁 {scheme.viewsCount}</span>
<span>⬇ {scheme.downloadsCount}</span>
<span>👍 {scheme.likesCount}</span>