style(events): center the header logo on the profile-icon axis

The page header used py-4, putting the logo/banner ~6px below the fixed
top-right profile icon's center. Use pt-2.5 so the header sits centered
on the same horizontal axis as the profile icon (both centers at 30px).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Padreug 2026-06-17 19:02:18 +02:00 committed by padreug
commit 0e98a21db3

View file

@ -117,7 +117,9 @@ onBeforeRouteLeave(() => {
</script> </script>
<template> <template>
<div class="container mx-auto py-4 px-4"> <!-- pt-2.5 (not py-4) so the header logo/banner sits centered on the
same horizontal axis as the fixed top-right profile icon. -->
<div class="container mx-auto pt-2.5 pb-4 px-4">
<!-- Page header. A brand may ship a wide banner (logo + wordmark in <!-- Page header. A brand may ship a wide banner (logo + wordmark in
one image) that replaces the logo + name pair; otherwise we show one image) that replaces the logo + name pair; otherwise we show
the brand-kit logo (per-standalone override or global) paired the brand-kit logo (per-standalone override or global) paired