gpatti/MediaLore
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

icon color and size tweaks

Browse Source
This commit is contained in:
Garret Patti
2026-04-12 12:41:42 -04:00
parent d3e1bf049b
commit 080cc011b9
2 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/games/GameDetailModal.tsx
View File

@@ -19,10 +19,10 @@ const PLATFORM_LABELS: Record<GamePlatform, string> = {
} }
const PLATFORM_COLORS: Record<GamePlatform, string> = { const PLATFORM_COLORS: Record<GamePlatform, string> = {
windows: '#0078d4', windows: '#85c0ec',
linux: '#e95420', linux: '#efd27b',
macos: '#6e6e73', macos: '#b0b0b7',
android: '#10b981', android: '#9ee0ca',
} }
interface Props { interface Props {
@@ -589,8 +589,9 @@ function DownloadButton({
onMouseLeave={(e) => ((e.currentTarget as HTMLElement).style.backgroundColor = 'var(--accent)')} onMouseLeave={(e) => ((e.currentTarget as HTMLElement).style.backgroundColor = 'var(--accent)')}
> >
<span>↓</span> <span>↓</span>
<PlatformPill platform={primary.platform} /> <span className="truncate">{primary.filename}</span>
Download {primary.filename} <span className="justify-right flex-shrink-0"><PlatformPill platform={primary.platform} /></span>
</a> </a>
) )
} }
@@ -610,6 +611,7 @@ function DownloadButton({
<span className="flex-shrink-0">↓</span> <span className="flex-shrink-0">↓</span>
<PlatformPill platform={primary.platform} /> <PlatformPill platform={primary.platform} />
<span className="truncate">{primary.filename}</span> <span className="truncate">{primary.filename}</span>
<span className="justify-right flex-shrink-0"><PlatformPill platform={primary.platform} /></span>
</a> </a>
{/* Divider */} {/* Divider */}

8
src/components/games/GamesView.tsx
View File

@@ -18,10 +18,10 @@ const PLATFORM_LABELS: Record<GamePlatform, string> = {
android: 'AND', android: 'AND',
} }
const PLATFORM_COLORS: Record<GamePlatform, string> = { const PLATFORM_COLORS: Record<GamePlatform, string> = {
windows: '#0078d4', windows: '#85c0ec',
linux: '#e95420', linux: '#efd27b',
macos: '#6e6e73', macos: '#b0b0b7',
android: '#10b981', android: '#9ee0ca',
} }
const PLATFORM_ICONS: Record<GamePlatform, string> = { const PLATFORM_ICONS: Record<GamePlatform, string> = {