github/VRCX
1
1
Fork 0
mirror of https://github.com/vrcx-team/VRCX.git synced 2026-04-06 00:32:02 +02:00
Code Issues 51 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
v-if="isEntryNotified(entry)"
class="notify-dot left-6.25!"
class="notify-dot left-6!"
aria-hidden="true"></span>
</DropdownMenuItem>
</DropdownMenuContent>
@@ -99,7 +99,7 @@
<span>{{ t(entry.label) }}</span>
<span
v-if="isEntryNotified(entry)"
class="notify-dot left-0.5!"
class="notify-dot left-0.75!"
aria-hidden="true"></span>
</SidebarMenuSubButton>
</SidebarMenuSubItem>
@@ -811,9 +811,9 @@
.notify-dot {
position: absolute;
top: 6px;
right: 2px;
width: 4px;
height: 4px;
right: 3px;
width: 5px;
height: 5px;
background-color: #ef4444;
border-radius: 50%;
transform: translateY(-50%);

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

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

7
src/stores/notification.js
View File

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