From b146dfead76ee854a94194bbd259af0a7d199755 Mon Sep 17 00:00:00 2001 From: Florian Sylvain Date: Tue, 29 Sep 2026 23:36:42 +0200 Subject: [PATCH] fix: desktop account menu icons, labels and check mark are now centred in their 32 px rows --- web/src/components/UserMenu.vue | 2 +- web/src/components/__tests__/UserMenu.spec.ts | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/web/src/components/UserMenu.vue b/web/src/components/UserMenu.vue index a0fb278..8d1e8b6 100644 --- a/web/src/components/UserMenu.vue +++ b/web/src/components/UserMenu.vue @@ -4,7 +4,7 @@ import { useMediaQuery } from '@vueuse/core' import { colorModeOptions, useAccountMenu } from '@/composables/useAccountMenu' const DESKTOP_QUERY = '(min-width: 64rem)' -const ITEM_CLASS = 'h-8 py-0' +const ITEM_CLASS = 'h-8 items-center py-0' const props = defineProps<{ username: string diff --git a/web/src/components/__tests__/UserMenu.spec.ts b/web/src/components/__tests__/UserMenu.spec.ts index 6af1ec0..4cc5048 100644 --- a/web/src/components/__tests__/UserMenu.spec.ts +++ b/web/src/components/__tests__/UserMenu.spec.ts @@ -261,6 +261,7 @@ describe('Item heights', () => { for (const item of itemsIn(menu()!)) { expect(item.classList.contains('h-8')).toBe(true) + expect(item.classList.contains('items-center')).toBe(true) } }) })