dave/eve-signaler
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

Fix: Improve readability of signature items

Browse Source 
Increase font sizes and spacing in signature categories and list items to improve readability.
This commit is contained in:
gpt-engineer-app[bot]
2025-06-16 13:01:02 +00:00
parent e7a502cfb2
commit df652807ac
2 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/SignatureListItem.tsx
View File

@@ -10,11 +10,11 @@ interface SignatureListItemProps {
export const SignatureListItem = ({ signature }: SignatureListItemProps) => {
const getTypeIcon = (type: string) => {
const lowerType = type.toLowerCase();
if (lowerType.includes("combat")) return <Zap className="h-3 w-3" />;
if (lowerType.includes("combat")) return <Zap className="h-4 w-4" />;
if (lowerType.includes("exploration") || lowerType.includes("relic") || lowerType.includes("data"))
return <Shield className="h-3 w-3" />;
if (lowerType.includes("ore") || lowerType.includes("gas")) return <Coins className="h-3 w-3" />;
return <HelpCircle className="h-3 w-3" />;
return <Shield className="h-4 w-4" />;
if (lowerType.includes("ore") || lowerType.includes("gas")) return <Coins className="h-4 w-4" />;
return <HelpCircle className="h-4 w-4" />;
};
const getTypeColor = (type: string, dangerous: boolean = false) => {
@@ -67,7 +67,7 @@ export const SignatureListItem = ({ signature }: SignatureListItemProps) => {
return (
<div
className={`flex items-center justify-between p-2 border-b border-slate-700 hover:bg-slate-800/40 transition-colors ${oldEntry ? "opacity-50" : ""
className={`flex items-center justify-between p-3 border-b border-slate-700 hover:bg-slate-800/40 transition-colors ${oldEntry ? "opacity-50" : ""
}`}
>
<div className="flex items-center gap-3 flex-1">
@@ -77,17 +77,17 @@ export const SignatureListItem = ({ signature }: SignatureListItemProps) => {
className={`${getTypeColor(
signature.type,
signature.dangerous
)} px-2 py-0.5 text-xs font-semibold flex items-center gap-1 min-w-[100px] justify-center`}
)} px-2 py-1 font-semibold flex items-center gap-1 min-w-[100px] justify-center`}
>
{signature.dangerous ? <Skull className="h-3 w-3 text-red-400 animate-pulse" /> : getTypeIcon(signature.type)}
{signature.dangerous ? <Skull className="h-4 w-4 text-red-400 animate-pulse" /> : getTypeIcon(signature.type)}
{signature.type || "Unknown"}
</Badge>
{/* Signature Name and ID */}
<div className="flex-1 min-w-[150px]">
<div className="flex items-center gap-2">
<span className="font-mono text-xs text-slate-400 min-w-[50px]">{signature.identifier}</span>
<h3 className="text-white font-medium text-sm flex items-center gap-2">
<span className="font-mono text-sm text-slate-400 min-w-[50px]">{signature.identifier}</span>
<h3 className="text-white font-medium flex items-center gap-2">
{signature.signame || "Unnamed Signature"}
{signature.dangerous && (
<Badge variant="outline" className="bg-red-900/50 text-red-200 border-red-500 px-1 py-0 text-xs">
@@ -99,11 +99,11 @@ export const SignatureListItem = ({ signature }: SignatureListItemProps) => {
</div>
{/* Dates */}
<div className="flex flex-col gap-0.5 text-xs text-slate-400 min-w-[150px]">
<div className="flex flex-col gap-0.5 text-sm text-slate-400 min-w-[150px]">
{signature.updated && (
<div className="flex items-center gap-1">
{oldEntry && <AlertTriangle className="h-3 w-3 text-yellow-500" />}
<Clock className="h-3 w-3" />
{oldEntry && <AlertTriangle className="h-4 w-4 text-yellow-500" />}
<Clock className="h-4 w-4" />
<span>Updated: {formatDate(signature.updated)}</span>
</div>
)}