mleku/smesh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: replace zIndex with display for page stacking

Browse Source
This commit is contained in:
codytseng
2024-12-25 12:45:35 +08:00
parent 8a30987ad1
commit 73e109c7c6
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/PageManager.tsx
View File

@@ -114,7 +114,9 @@ export function PageManager({
<div <div
key={item.index} key={item.index}
className="absolute top-0 left-0 w-full h-full bg-background" className="absolute top-0 left-0 w-full h-full bg-background"
style={{ zIndex: index + 1 }} style={{
display: index === secondaryStack.length - 1 ? 'block' : 'none'
}}
> >
{item.component} {item.component}
</div> </div>
@@ -122,7 +124,7 @@ export function PageManager({
<div <div
key={primaryPageKey} key={primaryPageKey}
className="absolute top-0 left-0 w-full h-full bg-background" className="absolute top-0 left-0 w-full h-full bg-background"
style={{ zIndex: 0 }} style={{ display: !secondaryStack.length ? 'block' : 'none' }}
> >
{children} {children}
</div> </div>
@@ -150,7 +152,10 @@ export function PageManager({
<div <div
key={item.index} key={item.index}
className="absolute top-0 left-0 w-full h-full bg-background" className="absolute top-0 left-0 w-full h-full bg-background"
style={{ zIndex: index + 1 }} style={{
zIndex: index + 1,
display: index === secondaryStack.length - 1 ? 'block' : 'none'
}}
> >
{item.component} {item.component}
</div> </div>