strawberries/frangipane-client
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added room actions: leave and delete, and improved connection error handling

Browse Source
This commit is contained in:
eiiko6
2026-01-17 07:09:52 +01:00
parent e30631be60
commit d325511d0e
17 changed files with 874 additions and 350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/MessageList.vue
View File

@@ -2,7 +2,7 @@
<ul>
<li v-for="(m, i) in messages" :key="i" class="message" :class="{ 'is-me': m.sender_uuid === currentUserUuid }">
<div class="sender-info">
<img :src="getAvatarUrl(m.sender_uuid)" @error="handleAvatarError" class="sender-avatar" />
<img :src="getAvatarUrl(m.sender_uuid)" @error="handleAvatarError" class="avatar" />
<div class="sender">{{ m.sender }}</div>
<span class="timestamp">{{ m.sent_at }}</span>
</div>
@@ -74,15 +74,6 @@ ul {
padding: 5px 18px;
}
.sender-avatar {
width: 35px;
height: 35px;
border-radius: 50%;
object-fit: cover;
border: 1px solid var(--border);
flex-shrink: 0;
}
.message.is-me {
align-self: flex-end;
align-items: flex-end;