aiolabs/webapp
8
0
Fork 0
Code Issues 65 Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: aiolabs:c8da42b51567d62d53727fe04a807b330a63d55d
Branches Tags
aiolabs:main
aiolabs:dev
..
compare: aiolabs:c3fffc189ff13c2b079ad5b193877af30aa7081e
Branches Tags
aiolabs:dev
aiolabs:main

2 commits
c8da42b515 ... c3fffc189f

Author SHA1 Message Date
Padreug
c3fffc189f 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>
 2026-06-17 19:02:18 +02:00
Padreug
4802ac073e feat(layout): hide "Back to hub" for the events-only launch 
Comment out the profile sheet's "Back to hub" link (and its hubRootUrl)
since only the events app ships first — nothing to go back to yet. The
commented markup swaps the old Home icon for the HUB's brand-kit logo
(noted as a @brand-hub-logo alias to add when re-enabled — the hub logo,
not the per-standalone @brand-app-logo) so it's ready to re-enable when
the hub launches.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
 2026-06-17 19:00:15 +02:00
2 changed files with 16 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/layout/ProfileSheetContent.vue
View file

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed, ref } from 'vue' import { computed, ref } from 'vue'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { Check, Copy, Home, LogIn, LogOut, Pencil, Zap } from 'lucide-vue-next' import { Check, Copy, LogIn, LogOut, Pencil, Zap } from 'lucide-vue-next'
import { nip19 } from 'nostr-tools' import { nip19 } from 'nostr-tools'
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar' import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
import { Button } from '@/components/ui/button' import { Button } from '@/components/ui/button'
@ -66,7 +66,9 @@ const npubPreview = computed(() => {
return value.length > 24 ? `${value.slice(0, 12)}…${value.slice(-8)}` : value return value.length > 24 ? `${value.slice(0, 12)}…${value.slice(-8)}` : value
}) })
const hubRootUrl = computed(() => import.meta.env.VITE_HUB_ROOT_URL || '/') // "Back to hub" is hidden for the events-only launch (see template).
// Re-enable this alongside the commented-out link below when the hub ships.
// const hubRootUrl = computed(() => import.meta.env.VITE_HUB_ROOT_URL || '/')
const copiedField = ref<string | null>(null) const copiedField = ref<string | null>(null)
async function copyToClipboard(text: string, field: string) { async function copyToClipboard(text: string, field: string) {
@ -188,16 +190,24 @@ async function onLogout() {
<!-- Cross-app links + global preferences (always visible, auth or not) --> <!-- Cross-app links + global preferences (always visible, auth or not) -->
<div class="mt-4"> <div class="mt-4">
<!-- "Back to hub" hidden for the events-only launch — re-enable when
the hub ships. When re-enabled, show the HUB's brand-kit logo
(the brand's primary/global logo, or a hub-specific override) —
NOT the per-standalone @brand-app-logo, which resolves to this
standalone's own logo. This needs a hub-logo alias (e.g.
@brand-hub-logo = resolveAppLogo for the hub) added in
vite-branding.ts + the standalone vite configs.
<a <a
:href="hubRootUrl" :href="hubRootUrl"
class="flex items-center justify-between gap-3 px-3 py-3 hover:bg-accent rounded-md transition-colors" class="flex items-center justify-between gap-3 px-3 py-3 hover:bg-accent rounded-md transition-colors"
:aria-label="t('common.nav.backToHub')" :aria-label="t('common.nav.backToHub')"
> >
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<Home class="w-5 h-5 text-muted-foreground" /> <img src="@brand-hub-logo" :alt="t('common.nav.backToHub')" class="w-5 h-5 shrink-0" />
<span class="text-sm font-medium">{{ t('common.nav.backToHub') }}</span> <span class="text-sm font-medium">{{ t('common.nav.backToHub') }}</span>
</div> </div>
</a> </a>
-->
<PreferencesRow layout="list" /> <PreferencesRow layout="list" />
</div> </div>

4
src/modules/events/views/EventsPage.vue
View file

@ -105,7 +105,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