forked from 77media/video-flow
修复H5 top层级问题
This commit is contained in:
parent
3a741b32fb
commit
5df45bdde2
@ -217,7 +217,7 @@ export function TopBar({ collapsed, isDesktop=true }: { collapsed: boolean, isDe
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className="fixed right-0 top-0 h-16 header"
|
className="fixed right-0 top-0 h-16 header z-[20]"
|
||||||
style={{
|
style={{
|
||||||
isolation: "isolate",
|
isolation: "isolate",
|
||||||
left: (pathname === "/" || !isDesktop) ? "0" : (collapsed ? "2.5rem" : "16rem")
|
left: (pathname === "/" || !isDesktop) ? "0" : (collapsed ? "2.5rem" : "16rem")
|
||||||
|
|||||||
@ -223,7 +223,7 @@ export function HomePage2() {
|
|||||||
return () => window.removeEventListener('home-menu-toggle' as any, handler as any);
|
return () => window.removeEventListener('home-menu-toggle' as any, handler as any);
|
||||||
}, []);
|
}, []);
|
||||||
return (
|
return (
|
||||||
<div data-alt="home-navbar" className="fixed h-16 top-0 left-0 right-0 z-50">
|
<div data-alt="home-navbar" className="fixed h-16 top-0 left-0 right-0 z-[19]">
|
||||||
<div className="mx-auto h-full">
|
<div className="mx-auto h-full">
|
||||||
<div className="flex h-full items-center justify-center px-4 sm:px-6 py-3 bg-black/60 backdrop-blur-md border-b border-white/10">
|
<div className="flex h-full items-center justify-center px-4 sm:px-6 py-3 bg-black/60 backdrop-blur-md border-b border-white/10">
|
||||||
{/* 桌面端菜单(居中,仅三个项) */}
|
{/* 桌面端菜单(居中,仅三个项) */}
|
||||||
|
|||||||
@ -301,7 +301,7 @@ export function H5MediaViewer({
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
data-alt="open-catalog-button"
|
data-alt="open-catalog-button"
|
||||||
className="fixed bottom-4 right-4 z-[60] w-12 h-12 rounded-full bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-lg flex items-center justify-center active:scale-95"
|
className="fixed bottom-[6rem] right-4 z-[60] w-12 h-12 rounded-full bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-lg flex items-center justify-center active:scale-95"
|
||||||
aria-label="open-catalog"
|
aria-label="open-catalog"
|
||||||
onClick={() => setIsCatalogOpen(true)}
|
onClick={() => setIsCatalogOpen(true)}
|
||||||
>
|
>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user