gorb/frontend
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

dev #1

Merged
sauceyred merged 36 commits from dev into main 2025-05-29 03:01:50 +00:00
Conversation 0 Commits 36 Files changed 18 +4 -2
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit d80731a1c0 - Show all commits

6
components/Message.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="message"> <div class="message">
<div> <div>
<img v-if="props.img" class="message-author-avatar" :src="img" :alt="username"> <img v-if="props.img" class="message-author-avatar" :src="props.img" :alt="username">
<Icon v-else name="lucide:user" class="message-author-avatar" /> <Icon v-else name="lucide:user" class="message-author-avatar" />
</div> </div>
<div class="message-data"> <div class="message-data">
@ -25,7 +25,7 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
const props = defineProps<{ class?: string, img?: string, username: string, text: string, timestamp: number, format: "12" | "24" }>(); const props = defineProps<{ class?: string, img?: string | null, username: string, text: string, timestamp: number, format: "12" | "24" }>();
const messageDate = ref<string>(); const messageDate = ref<string>();
const showHover = ref(false); const showHover = ref(false);
@ -74,6 +74,7 @@ if (now.getUTCHours() >= 0) {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1dvh; gap: 1dvh;
height: 100%;
} }
.message-author { .message-author {
@ -84,6 +85,7 @@ if (now.getUTCHours() >= 0) {
.message-author-avatar { .message-author-avatar {
margin-right: 1dvw; margin-right: 1dvw;
width: 3em; width: 3em;
border-radius: 50%;
} }
.author-username { .author-username {