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

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 {
width: 100%;
> table > tr > td:nth-of-type(2) {
> table > tbody > tr > td:nth-of-type(2) {
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">
<summary>Invite metadata</summary>
<table>
<tr>
<td>Invited by</td>
<td>{invite.invited_by}</td>
</tr>
<tr>
<td>Room ID</td>
<td>{roomID}</td>
</tr>
<tr>
<td>Room alias</td>
<td>{invite.canonical_alias ?? summary?.canonical_alias}</td>
</tr>
<tr>
<td>Is direct</td>
<td>{invite.is_direct.toString()}</td>
</tr>
<tr>
<td>Encryption</td>
<td>{invite.encryption ?? summary?.encryption ?? summary?.["im.nheko.summary.encryption"]}</td>
</tr>
<tr>
<td>Join rule</td>
<td>{invite.join_rule ?? summary?.join_rule}</td>
</tr>
<tr>
<td>Timestamp</td>
<td>{invite.date}</td>
</tr>
<tbody>
<tr>
<td>Invited by</td>
<td>{invite.invited_by}</td>
</tr>
<tr>
<td>Room ID</td>
<td>{roomID}</td>
</tr>
<tr>
<td>Room alias</td>
<td>{invite.canonical_alias ?? summary?.canonical_alias}</td>
</tr>
<tr>
<td>Is direct</td>
<td>{invite.is_direct.toString()}</td>
</tr>
<tr>
<td>Encryption</td>
<td>
{invite.encryption ?? summary?.encryption ?? summary?.["im.nheko.summary.encryption"]}
</td>
</tr>
<tr>
<td>Join rule</td>
<td>{invite.join_rule ?? summary?.join_rule}</td>
</tr>
<tr>
<td>Timestamp</td>
<td>{invite.date}</td>
</tr>
</tbody>
</table>
</details>}
{invite?.invited_by && <MutualRooms client={client} userID={invite.invited_by}/>}