aiolabs/webapp
1
0
Fork 0
Code Issues 16 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Fix z-index layering for page headers below app top bar

Browse source 
- Changed Home.vue sticky header from z-40 to z-30
- Changed SubmissionDetail.vue sticky header from z-40 to z-30
- AppTopBar remains at z-40, ensuring it stays above page content

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
padreug 2026-01-07 00:43:44 +01:00 • committed by Padreug
parent 4f596b7d97
commit 2ee4aafd05
2 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/modules/nostr-feed/components/SubmissionDetail.vue
View file

@ -277,7 +277,7 @@ watch(comments, (newComments) => {
<template> <template>
<div class="min-h-screen bg-background"> <div class="min-h-screen bg-background">
<!-- Header --> <!-- Header -->
<header class="sticky top-0 z-40 bg-background/95 backdrop-blur border-b"> <header class="sticky top-0 z-30 bg-background/95 backdrop-blur border-b">
<div class="max-w-4xl mx-auto px-4 py-3"> <div class="max-w-4xl mx-auto px-4 py-3">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<Button variant="ghost" size="sm" @click="goBack" class="h-8 w-8 p-0"> <Button variant="ghost" size="sm" @click="goBack" class="h-8 w-8 p-0">

2
src/pages/Home.vue
View file

@ -3,7 +3,7 @@
<PWAInstallPrompt auto-show /> <PWAInstallPrompt auto-show />
<!-- Header --> <!-- Header -->
<div class="sticky top-0 z-40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border-b"> <div class="sticky top-0 z-30 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border-b">
<div class="max-w-4xl mx-auto flex items-center justify-between px-4 py-2 sm:px-6"> <div class="max-w-4xl mx-auto flex items-center justify-between px-4 py-2 sm:px-6">
<h1 class="text-lg font-semibold">Feed</h1> <h1 class="text-lg font-semibold">Feed</h1>
</div> </div>