Browse Source

Improve Blossom UI responsiveness and layout (v0.37.2)

- Show full npub on screens > 720px, truncated on smaller screens
- Make admin users list extend to full width

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
main
mleku 2 weeks ago
parent
commit
e4468d305e
No known key found for this signature in database
  1. 2
      app/web/dist/bundle.css
  2. 18
      app/web/dist/bundle.js
  3. 2
      app/web/dist/bundle.js.map
  4. 23
      app/web/src/BlossomView.svelte
  5. 2
      pkg/version/version

2
app/web/dist/bundle.css vendored

File diff suppressed because one or more lines are too long

18
app/web/dist/bundle.js vendored

File diff suppressed because one or more lines are too long

2
app/web/dist/bundle.js.map vendored

File diff suppressed because one or more lines are too long

23
app/web/src/BlossomView.svelte

@ -524,7 +524,8 @@ @@ -524,7 +524,8 @@
{userStat.profile?.name || truncateNpub(hexToNpub(userStat.pubkey))}
</div>
<div class="user-npub" title={userStat.pubkey}>
{truncateNpub(hexToNpub(userStat.pubkey))}
<span class="npub-full">{hexToNpub(userStat.pubkey)}</span>
<span class="npub-truncated">{truncateNpub(hexToNpub(userStat.pubkey))}</span>
</div>
</div>
<div class="user-stats">
@ -858,6 +859,7 @@ @@ -858,6 +859,7 @@
display: flex;
flex-direction: column;
gap: 0.5em;
width: 100%;
}
.blob-item {
@ -957,6 +959,7 @@ @@ -957,6 +959,7 @@
display: flex;
flex-direction: column;
gap: 0.5em;
width: 100%;
}
.user-stat-item {
@ -1007,8 +1010,14 @@ @@ -1007,8 +1010,14 @@
font-size: 0.8em;
color: var(--text-color);
opacity: 0.6;
overflow: hidden;
text-overflow: ellipsis;
}
.npub-full {
display: inline;
}
.npub-truncated {
display: none;
}
.user-stats {
@ -1310,6 +1319,14 @@ @@ -1310,6 +1319,14 @@
.hash-truncated {
display: inline;
}
.npub-full {
display: none;
}
.npub-truncated {
display: inline;
}
}
@media (max-width: 600px) {

2
pkg/version/version

@ -1 +1 @@ @@ -1 +1 @@
v0.37.1
v0.37.2

Loading…
Cancel
Save