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