style: Add overflow to URL

Signed-off-by: Tim Hårek Andreassen <tim@harek.no>
This commit is contained in:
Tim Hårek Andreassen 2024-04-12 11:42:17 +02:00
parent ff98736a8e
commit 3fbe7d8f7d
No known key found for this signature in database
GPG Key ID: E59C7734F0E10EB5
1 changed files with 5 additions and 3 deletions

View File

@ -14,11 +14,13 @@ export default function SeriesCard(props: { serie: SearchResult; origin: string
<ButtonLink href={`podcast:${feedUrl.toString()}`} className="block"> <ButtonLink href={`podcast:${feedUrl.toString()}`} className="block">
📻 Åpne i din podkast-app 📻 Åpne i din podkast-app
</ButtonLink> </ButtonLink>
<div className=""> <div className="w-full flex">
<code className="font-mono bg-black text-white select-all p-2">{feedUrl.toString()}</code> <CopyButton copyText={feedUrl.toString()} className="whitespace-nowrap">
<CopyButton text={feedUrl.toString()}>
Kopier URL Kopier URL
</CopyButton> </CopyButton>
<pre className="w-full font-mono bg-black text-white select-all p-2 overflow-x-auto">
{feedUrl.toString()}
</pre>
</div> </div>
</div> </div>
</div> </div>