Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-28 06:50:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: z-index problem on mobile

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/assets/js/components/layout/app-footer/index.vue
View file

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

2
resources/assets/js/components/layout/main-wrapper/ExtraPanel.vue
View file

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

2
resources/assets/js/components/song/SongList.vue
View file

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