fix: z-index problem on mobile

This commit is contained in:
Phan An 2022-11-27 18:39:50 +01:00
parent 64229568a1
commit 922696484f
No known key found for this signature in database
GPG key ID: A81E4477F0BB6FDC
3 changed files with 3 additions and 3 deletions

View file

@ -57,7 +57,7 @@ footer {
box-shadow: 0 0 30px 20px rgba(0, 0, 0, .2);
flex-direction: column;
position: relative;
z-index: 1;
z-index: 3;
.wrapper {
display: flex;

View file

@ -129,7 +129,7 @@ onMounted(() => isMobile.any || (activeTab.value = preferenceStore.activeExtraPa
flex-direction: row-reverse;
color: var(--color-text-secondary);
height: var(--header-height);
z-index: 1;
z-index: 2;
@media screen and (max-width: 768px) {
@include themed-background();

View file

@ -302,7 +302,7 @@ onMounted(() => render())
position: relative;
display: flex;
flex-direction: column;
overflow: scroll;
overflow: auto;
@media screen and (max-width: 768px) {
padding: 0 12px;