MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-19 06:43:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix alert dialog description wrapping issue

Browse Source
This commit is contained in:
pa
2026-01-25 14:32:22 +09:00
parent b3b655d8ac
commit bcee6b5298
3 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/NavMenu.vue
View File

@@ -53,7 +53,7 @@
<span>{{ t(entry.label) }}</span <span>{{ t(entry.label) }}</span
><span ><span
v-if="isEntryNotified(entry)" v-if="isEntryNotified(entry)"
class="notify-dot left-6.25!" class="notify-dot left-6!"
aria-hidden="true"></span> aria-hidden="true"></span>
</DropdownMenuItem> </DropdownMenuItem>
</DropdownMenuContent> </DropdownMenuContent>
@@ -99,7 +99,7 @@
<span>{{ t(entry.label) }}</span> <span>{{ t(entry.label) }}</span>
<span <span
v-if="isEntryNotified(entry)" v-if="isEntryNotified(entry)"
class="notify-dot left-0.5!" class="notify-dot left-0.75!"
aria-hidden="true"></span> aria-hidden="true"></span>
</SidebarMenuSubButton> </SidebarMenuSubButton>
</SidebarMenuSubItem> </SidebarMenuSubItem>
@@ -811,9 +811,9 @@
.notify-dot { .notify-dot {
position: absolute; position: absolute;
top: 6px; top: 6px;
right: 2px; right: 3px;
width: 4px; width: 5px;
height: 4px; height: 5px;
background-color: #ef4444; background-color: #ef4444;
border-radius: 50%; border-radius: 50%;
transform: translateY(-50%); transform: translateY(-50%);

6
src/components/ui/alert-dialog/AlertDialogModal.vue
View File

@@ -48,9 +48,11 @@
@escapeKeyDown="onEscapeKeyDown" @escapeKeyDown="onEscapeKeyDown"
@pointerDownOutside="onPointerDownOutside" @pointerDownOutside="onPointerDownOutside"
@interactOutside="onInteractOutside"> @interactOutside="onInteractOutside">
<AlertDialogHeader> <AlertDialogHeader class="min-w-0">
<AlertDialogTitle>{{ alertTitle }}</AlertDialogTitle> <AlertDialogTitle>{{ alertTitle }}</AlertDialogTitle>
<AlertDialogDescription>{{ alertDescription }}</AlertDialogDescription> <AlertDialogDescription class="w-full min-w-0 whitespace-normal wrap-anywhere">
{{ alertDescription }}
</AlertDialogDescription>
</AlertDialogHeader> </AlertDialogHeader>
<AlertDialogFooter> <AlertDialogFooter>

7
src/stores/notification.js
View File

@@ -75,7 +75,7 @@ export const useNotificationStore = defineStore('Notification', () => {
const unseenNotifications = ref([]); const unseenNotifications = ref([]);
const isNotificationsLoading = ref(false); const isNotificationsLoading = ref(false);
let notyMap = {}; const notyMap = {};
watch( watch(
() => watchState.isLoggedIn, () => watchState.isLoggedIn,
@@ -606,10 +606,7 @@ export const useNotificationStore = defineStore('Notification', () => {
if (displayName) { if (displayName) {
// don't play noty twice // don't play noty twice
const notyId = `${noty.type},${displayName}`; const notyId = `${noty.type},${displayName}`;
if ( if (notyMap[notyId] && notyMap[notyId] >= noty.created_at) {
notyMap[notyId] &&
notyMap[notyId] >= noty.created_at
) {
return; return;
} }
notyMap[notyId] = noty.created_at; notyMap[notyId] = noty.created_at;