nostr/iris-messenger
1
0
Fork 0
mirror of https://github.com/irislib/iris-messenger.git synced 2024-10-18 06:03:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: make network relay usable on mobile (#421)

Browse Source 
* fix(settings): truncate relay in network list as well

* fix(settings): make relays-list work on mobile
This commit is contained in:
escapedcat 2023-08-11 14:43:41 +08:00 committed by Martti Malmi
parent 9c63bb072c
commit 3048bd6694
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/js/views/settings/Network.tsx
View File

@ -72,7 +72,7 @@ const Network = () => {
<div className="flex flex-col gap-2">
{relays.map((relay) => (
<div className="flex gap-2 flex-row peer">
<div className="flex-1" key={relay.url}>
<div className="flex-1 truncate max-w-[60vw]" key={relay.url}>
<span className={getClassName(relay)}>&#x2B24; </span>
{relay.url}
</div>
@ -125,7 +125,7 @@ const Network = () => {
{popularRelays.map((relay) => (
<div className="flex peer gap-2" key={relay.url}>
<div className="flex-initial">{relay.users}</div>
<div className="flex-grow truncate">{relay.url}</div>
<div className="flex-grow truncate max-w-[60vw]">{relay.url}</div>
<div className="flex-initial">
<button
className="btn btn-sm btn-neutral"