Files
ui/src/runtime/components/BitinflowScreenScrollContainer.vue
René Preuß ba9aa2e1b2 Color tuning
2023-02-20 12:33:18 +01:00

37 lines
554 B
Vue

<template>
<div
class="overflow-y-auto h-screen"
:class="`${variant}`"
>
<slot />
</div>
</template>
<script>
export default {
name: "BitinflowScreenScrollContainer",
props: {
variant: {
type: String,
default: 'light'
}
}
}
</script>
<style>
.light::-webkit-scrollbar-thumb {
@apply bg-gray-200;
}
.light::-webkit-scrollbar-thumb:hover {
@apply bg-gray-200;
}
.dark .light::-webkit-scrollbar-thumb {
@apply bg-base-800;
}
.dark .light::-webkit-scrollbar-thumb:hover {
@apply bg-base-800;
}
</style>