fix(macos): keep sources visible when thumbnails are unavailable

This commit is contained in:
webadderall
2026-03-16 22:53:13 +11:00
parent 1274c31e72
commit f3dca8a2bb
2 changed files with 17 additions and 11 deletions
+12 -5
View File
@@ -153,11 +153,18 @@ export function SourceSelector() {
>
<div className="p-1">
<div className="relative mb-1">
<img
src={source.thumbnail || ''}
alt={source.name}
className="w-full aspect-video object-cover rounded border border-zinc-800"
/>
{source.thumbnail ? (
<img
src={source.thumbnail}
alt={source.name}
className="w-full aspect-video object-cover rounded border border-zinc-800"
/>
) : (
<div className="w-full aspect-video rounded border border-zinc-800 bg-zinc-900/80 flex flex-col items-center justify-center text-zinc-400 gap-2">
<div className="w-8 h-8 rounded-md bg-zinc-800 border border-zinc-700" />
<div className="text-[10px] uppercase tracking-[0.2em] text-zinc-500">{t('sourceSelector.screens')}</div>
</div>
)}
{selectedSource?.id === source.id && (
<div className="absolute -top-1 -right-1">
<div className="w-4 h-4 bg-[#2563EB] rounded-full flex items-center justify-center shadow-md">