Mirrors/gomuks
1
0
Fork 1
mirror of https://github.com/tulir/gomuks.git synced 2025-04-20 10:33:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

web/roomview: use table correctly

Browse source
This commit is contained in:
Tulir Asokan 2024-12-21 00:00:52 +02:00
parent 08830331d7
commit 084a9f7141
2 changed files with 33 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/ui/roomview/RoomPreview.css
View file

@ -39,7 +39,7 @@ div.room-view.preview > div.preview-inner {
> details.room-invite-meta { > details.room-invite-meta {
width: 100%; width: 100%;
> table > tr > td:nth-of-type(2) { > table > tbody > tr > td:nth-of-type(2) {
font-family: var(--monospace-font-stack); font-family: var(--monospace-font-stack);
} }
} }

60
web/src/ui/roomview/RoomPreview.tsx
View file

@ -111,34 +111,38 @@ const RoomPreview = ({ roomID, via, alias, invite }: RoomPreviewProps) => {
{invite && <details className="room-invite-meta"> {invite && <details className="room-invite-meta">
<summary>Invite metadata</summary> <summary>Invite metadata</summary>
<table> <table>
<tr> <tbody>
<td>Invited by</td> <tr>
<td>{invite.invited_by}</td> <td>Invited by</td>
</tr> <td>{invite.invited_by}</td>
<tr> </tr>
<td>Room ID</td> <tr>
<td>{roomID}</td> <td>Room ID</td>
</tr> <td>{roomID}</td>
<tr> </tr>
<td>Room alias</td> <tr>
<td>{invite.canonical_alias ?? summary?.canonical_alias}</td> <td>Room alias</td>
</tr> <td>{invite.canonical_alias ?? summary?.canonical_alias}</td>
<tr> </tr>
<td>Is direct</td> <tr>
<td>{invite.is_direct.toString()}</td> <td>Is direct</td>
</tr> <td>{invite.is_direct.toString()}</td>
<tr> </tr>
<td>Encryption</td> <tr>
<td>{invite.encryption ?? summary?.encryption ?? summary?.["im.nheko.summary.encryption"]}</td> <td>Encryption</td>
</tr> <td>
<tr> {invite.encryption ?? summary?.encryption ?? summary?.["im.nheko.summary.encryption"]}
<td>Join rule</td> </td>
<td>{invite.join_rule ?? summary?.join_rule}</td> </tr>
</tr> <tr>
<tr> <td>Join rule</td>
<td>Timestamp</td> <td>{invite.join_rule ?? summary?.join_rule}</td>
<td>{invite.date}</td> </tr>
</tr> <tr>
<td>Timestamp</td>
<td>{invite.date}</td>
</tr>
</tbody>
</table> </table>
</details>} </details>}
{invite?.invited_by && <MutualRooms client={client} userID={invite.invited_by}/>} {invite?.invited_by && <MutualRooms client={client} userID={invite.invited_by}/>}