cory/tildefriends
5
6
Fork 2
Code Issues 33 Pull Requests 1 Actions Releases 28 Wiki Activity

ssb: Add some missing padding.
All checks were successful
Build Tilde Friends / Build-All (push) Successful in 27m0s
Details

Browse Source
This commit is contained in:
Cory McWilliams 2025-01-05 21:43:26 -05:00
parent 5594bee618
commit 7f87714b58
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ssb.json
View File

@ -1,5 +1,5 @@
{ {
"type": "tildefriends-app", "type": "tildefriends-app",
"emoji": "🦀", "emoji": "🦀",
"previous": "&Fukja09hc/jieMnfbFnQft1drL5lIR/du8wUQTKDYXc=.sha256" "previous": "&jbL9Ab+XdvWnZbb50yimceFHR7XFDfBSWv9/XrbZ82I=.sha256"
} }

15
apps/ssb/tf-message.js
View File

@ -589,19 +589,18 @@ class TfMessageElement extends LitElement {
let image; let image;
let description; let description;
if (content.name !== undefined) { if (content.name !== undefined) {
name = html`<div class="w3-container"> name = html`<div>
<b>Name:</b> ${content.name} <b>Name:</b> ${content.name}
</div>`; </div>`;
} }
if (content.image !== undefined) { if (content.image !== undefined) {
image = html` image = html`
<div class="w3-container"><img src=${'/' + (typeof content.image?.link == 'string' ? content.image.link : content.image) + '/view'} style="width: 256px; height: auto"></img></div> <div><img src=${'/' + (typeof content.image?.link == 'string' ? content.image.link : content.image) + '/view'} style="width: 256px; height: auto"></img></div>
`; `;
} }
if (content.description !== undefined) { if (content.description !== undefined) {
description = html` description = html`
<div <div
class="w3-container"
style="flex: 1 0 50%; overflow-wrap: anywhere" style="flex: 1 0 50%; overflow-wrap: anywhere"
> >
<div>${unsafeHTML(tfutils.markdown(content.description))}</div> <div>${unsafeHTML(tfutils.markdown(content.description))}</div>
@ -610,15 +609,17 @@ class TfMessageElement extends LitElement {
} }
let update = let update =
content.about == this.message.author content.about == this.message.author
? html`<div class="w3-container" style="font-weight: bold"> ? html`<div style="font-weight: bold">
Updated profile. Updated profile.
</div>` </div>`
: html`<div class="w3-container" style="font-weight: bold"> : html`<div style="font-weight: bold">
Updated profile for Updated profile for
<tf-user id=${content.about} .users=${this.users}></tf-user>. <tf-user id=${content.about} .users=${this.users}></tf-user>.
</div>`; </div>`;
return this.render_small_frame(html` return this.render_small_frame(html`
${update} ${name} ${image} ${description} <div class="w3-container">
<p>${update} ${name} ${image} ${description}</p>
</div>
`); `);
} else if (content.type == 'contact') { } else if (content.type == 'contact') {
return html` return html`
@ -757,10 +758,12 @@ class TfMessageElement extends LitElement {
} else if (content.type === 'channel') { } else if (content.type === 'channel') {
return this.render_small_frame(html` return this.render_small_frame(html`
<div class="w3-container"> <div class="w3-container">
<p>
${content.subscribed ? 'subscribed to' : 'unsubscribed from'} ${content.subscribed ? 'subscribed to' : 'unsubscribed from'}
<a href=${'#' + encodeURIComponent('#' + content.channel)} <a href=${'#' + encodeURIComponent('#' + content.channel)}
>#${content.channel}</a >#${content.channel}</a
> >
</p>
</div> </div>
`); `);
} else if (typeof this.message.content == 'string') { } else if (typeof this.message.content == 'string') {