refactor(gallery): refine navClose with flexbox alignment and z-index (#536)

Replace text-align: right with display: flex, justify-content: flex-end for
consistent right alignment. Add height, z-index for layering, and adjust
margin/padding for better mobile gallery nav positioning.

Signed-off-by: Sped0n <hi@sped0n.com>
This commit is contained in:
Ryan
2025-11-26 01:51:47 +08:00
committed by GitHub
parent a909afee97
commit 93629a4e6b

View File

@@ -53,9 +53,18 @@
align-items: center; align-items: center;
.navClose { .navClose {
min-width: 25%;
text-align: right;
cursor: pointer; cursor: pointer;
z-index: calc(var(--z-nav-gallery) + 1);
min-width: 25%;
height: calc(var(--nav-height) * 2.5);
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: calc(var(--space-standard) * -1);
padding-right: var(--space-standard);
} }
} }
} }