fix(ui): adjust z-index of Embedded Media Player and sticky header (#2848)
This commit is contained in:
parent
d79add2ddb
commit
1d62c2640e
@ -27,7 +27,7 @@ const containerClass = computed(() => {
|
||||
<template>
|
||||
<div ref="container" :class="containerClass">
|
||||
<div
|
||||
sticky top-0 z10
|
||||
sticky top-0 z-20
|
||||
pt="[env(safe-area-inset-top,0)]"
|
||||
bg="[rgba(var(--rgb-bg-base),0.7)]"
|
||||
class="native:lg:w-[calc(100vw-5rem)] native:xl:w-[calc(135%+(100vw-1200px)/2)]"
|
||||
|
@ -90,7 +90,7 @@ function activate() {
|
||||
</button>
|
||||
</div>
|
||||
<!-- Results -->
|
||||
<div left-0 top-11 absolute w-full z10 group-focus-within="pointer-events-auto visible" invisible pointer-events-none>
|
||||
<div left-0 top-11 absolute w-full z-10 group-focus-within="pointer-events-auto visible" invisible pointer-events-none>
|
||||
<div w-full bg-base border="~ base" rounded-3 max-h-100 overflow-auto py2>
|
||||
<span v-if="query.trim().length === 0" block text-center text-sm text-secondary>
|
||||
{{ t('search.search_desc') }}
|
||||
|
@ -28,7 +28,7 @@ const card = ref(status.card)
|
||||
absolute
|
||||
w-full
|
||||
h-full
|
||||
z-100
|
||||
z-10
|
||||
rounded-lg
|
||||
style="background: linear-gradient(black, rgba(0,0,0,0.5), transparent, transparent, rgba(0,0,0,0.20))"
|
||||
>
|
||||
|
Loading…
Reference in New Issue
Block a user