feat(events): surface brand name in page header + bump logo size
The events page H1 had `{{ t('events.title') }}` which is hardcoded
"Events" in the i18n locale — so cfaun's events standalone showed
"Events" instead of the configured displayName "Oyez!".
Read import.meta.env.VITE_APP_NAME (set by vite.events.config.ts from
brand.name → brandManifestName()) and fall back to the i18n title
when no brand is configured. Now:
- aiolabs default → "Events"
- cfaun → "Oyez!"
- any other deployment → its synthesized brand name
Also bumps the inline logo from h-7/sm:h-8 to h-10/sm:h-12 for more
header presence per cfaun feedback.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
5700ac1d1a
commit
4b8fd34bba
1 changed files with 8 additions and 3 deletions
|
|
@ -10,6 +10,11 @@ import {
|
||||||
} from '@/components/ui/collapsible'
|
} from '@/components/ui/collapsible'
|
||||||
import { SlidersHorizontal, CalendarDays, Plus } from 'lucide-vue-next'
|
import { SlidersHorizontal, CalendarDays, Plus } from 'lucide-vue-next'
|
||||||
import brandAppLogoUrl from '@brand-app-logo?url'
|
import brandAppLogoUrl from '@brand-app-logo?url'
|
||||||
|
// Brand name flows through VITE_APP_NAME (set in vite.events.config.ts
|
||||||
|
// from brand.name). cfaun → "Oyez!", default → "Events", etc. Falls
|
||||||
|
// back to the i18n string only when no brand is configured (shouldn't
|
||||||
|
// happen in production builds, but defensive).
|
||||||
|
const appName: string = (import.meta.env.VITE_APP_NAME as string) || ''
|
||||||
import { useEvents } from '../composables/useEvents'
|
import { useEvents } from '../composables/useEvents'
|
||||||
import { useEventsStore } from '../stores/events'
|
import { useEventsStore } from '../stores/events'
|
||||||
import EventSearchOverlay from '../components/EventSearchOverlay.vue'
|
import EventSearchOverlay from '../components/EventSearchOverlay.vue'
|
||||||
|
|
@ -83,10 +88,10 @@ function openCalendar() {
|
||||||
<h1 class="mb-3 flex items-center gap-2 text-xl sm:text-2xl font-bold text-foreground">
|
<h1 class="mb-3 flex items-center gap-2 text-xl sm:text-2xl font-bold text-foreground">
|
||||||
<img
|
<img
|
||||||
:src="brandAppLogoUrl"
|
:src="brandAppLogoUrl"
|
||||||
:alt="t('events.title')"
|
:alt="appName || t('events.title')"
|
||||||
class="h-7 w-7 sm:h-8 sm:w-8 shrink-0"
|
class="h-10 w-10 sm:h-12 sm:w-12 shrink-0"
|
||||||
/>
|
/>
|
||||||
{{ t('events.title') }}
|
{{ appName || t('events.title') }}
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<!-- Search with dropdown overlay -->
|
<!-- Search with dropdown overlay -->
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue