Pakobbix/rpg-companion-sillytavern
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ui): center user avatar in Status tab

Browse Source 
Fixed alignment of user portrait in the Status tab. The avatar was
previously aligned to the left side of its container.

Change:
- Added justify-content: center to the avatar's flex container
- Avatar now centered horizontally (align-items already centered it vertically)

Before: Avatar stuck to left edge of its space
After: Avatar centered in its allocated space

File: src/systems/rendering/userStats.js:56
This commit is contained in:
Lucas 'Paperboy' Rose-Winters
2025-10-20 07:52:21 +11:00
parent dc603b8b49
commit 7b320b8d0b
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/systems/rendering/userStats.js
+1 -1
View File
@@ -53,7 +53,7 @@ export function renderUserStats() {
const html = ` const html = `
<div class="rpg-stats-content"> <div class="rpg-stats-content">
<div class="rpg-stats-left"> <div class="rpg-stats-left">
<div style="display: flex; gap: clamp(4px, 0.8vh, 8px); align-items: center; flex-shrink: 0;"> <div style="display: flex; gap: clamp(4px, 0.8vh, 8px); align-items: center; justify-content: center; flex-shrink: 0;">
<img src="${userPortrait}" alt="${userName}" class="rpg-user-portrait" onerror="this.style.opacity='0.5';this.onerror=null;" /> <img src="${userPortrait}" alt="${userName}" class="rpg-user-portrait" onerror="this.style.opacity='0.5';this.onerror=null;" />
</div> </div>
<div class="rpg-stats-grid"> <div class="rpg-stats-grid">