mirror of
https://github.com/koel/koel
synced 2024-12-22 18:43:21 +00:00
28 lines
555 B
Vue
28 lines
555 B
Vue
|
<template>
|
||
|
|
<section class="max-h-full min-h-full w-full flex flex-col transform-gpu">
|
||
|
|
<slot name="header" />
|
||
|
|
|
||
|
|
<main
|
||
|
|
v-koel-overflow-fade
|
||
|
|
class="overflow-scroll flex flex-col b-16 md:b-6 p-6 flex-1 place-content-start"
|
||
|
|
>
|
||
|
|
<slot />
|
||
|
|
</main>
|
||
|
|
</section>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="postcss" scoped>
|
||
|
|
main {
|
||
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||
|
|
|
||
|
|
@supports (scrollbar-gutter: stable) {
|
||
|
|
overflow: auto;
|
||
|
|
scrollbar-gutter: stable;
|
||
|
|
|
||
|
|
@media (hover: none) {
|
||
|
|
scrollbar-gutter: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|