mirror of
https://github.com/bitinflow/ui.git
synced 2026-03-13 21:55:59 +00:00
Color tuning
This commit is contained in:
@@ -1,11 +1,36 @@
|
||||
<template>
|
||||
<div class="overflow-y-auto h-screen">
|
||||
<div
|
||||
class="overflow-y-auto h-screen"
|
||||
:class="`${variant}`"
|
||||
>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "BitinflowScreenScrollContainer"
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user