StewKI/AIPS
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

present ui position fix

Browse Source
This commit is contained in:
Andrija Stevanovic
2026-03-08 02:35:42 +01:00
parent 3eccedfad4
commit 56d6b262ff
1 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
front/src/components/whiteboard/WhiteboardToolbar.vue
View File

@@ -143,29 +143,29 @@ const copyCodeToClipboard = async () => {
</div> </div>
</div> </div>
<div v-if="sessionStore.connectedUsers.length" class="participants-panel"> <div class="toolbar-footer">
<div class="property-label">Participants ({{ sessionStore.connectedUsers.length }})</div> <div v-if="sessionStore.connectedUsers.length" class="participants-panel">
<div class="participants-list"> <div class="property-label">Present ({{ sessionStore.connectedUsers.length }})</div>
<div <div class="participants-list">
v-for="user in sessionStore.connectedUsers" <div
:key="user.userId" v-for="user in sessionStore.connectedUsers"
class="participant" :key="user.userId"
> class="participant"
<span
class="participant-avatar"
:style="{ backgroundColor: avatarColorFromString(user.username || user.userId) }"
> >
{{ (user.username || '?').charAt(0).toUpperCase() }} <span
</span> class="participant-avatar"
<span class="participant-name"> :style="{ backgroundColor: avatarColorFromString(user.username || user.userId) }"
{{ user.username || 'Unknown' }} >
<span v-if="user.userId === auth.user?.userId" class="you-label">(You)</span> {{ (user.username || '?').charAt(0).toUpperCase() }}
</span> </span>
<span class="participant-name">
{{ user.username || 'Unknown' }}
<span v-if="user.userId === auth.user?.userId" class="you-label">(You)</span>
</span>
</div>
</div> </div>
</div> </div>
</div>
<div class="toolbar-footer">
<div class="position-relative mb-2"> <div class="position-relative mb-2">
<button <button
class="btn btn-sm btn-outline-primary w-100" class="btn btn-sm btn-outline-primary w-100"
@@ -279,9 +279,9 @@ const copyCodeToClipboard = async () => {
} }
.participants-panel { .participants-panel {
margin-top: 12px; margin-bottom: 12px;
border-top: 1px solid #2a2a3e; border-bottom: 1px solid #2a2a3e;
padding-top: 10px; padding-bottom: 10px;
} }
.participants-list { .participants-list {