shorten long relay name. (#455)

This commit is contained in:
heyhoe 2023-03-24 18:41:44 +09:00 committed by GitHub
parent e95f1fe369
commit 12f82372e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -76,13 +76,16 @@ export default function RootPage() {
const paidRelays = allRelays.filter(a => a.paid);
const publicRelays = allRelays.filter(a => !a.paid);
return (
<div className="flex mb10 f-end">
<div className="flex mb10 f-end nowrap">
<FormattedMessage
defaultMessage="Read global from"
description="Label for reading global feed from specific relays"
/>
&nbsp;
<select onChange={e => setRelay(allRelays.find(a => a.url === e.target.value))} value={relay?.url}>
<select
className="f-ellipsis"
onChange={e => setRelay(allRelays.find(a => a.url === e.target.value))}
value={relay?.url}>
{paidRelays.length > 0 && (
<optgroup label="Paid Relays">
{paidRelays.map(a => (