Skip to content

Commit 12d3651

Browse files
Fix CSS for TV Scrollbar (#204)
1 parent e97f91e commit 12d3651

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

components/Tv/TVCategory.vue

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -147,6 +147,23 @@ onUnmounted(() => {
147147
display: flex;
148148
scroll-snap-type: x mandatory;
149149
scroll-behavior: smooth;
150+
151+
scrollbar-width: thin;
152+
scrollbar-color: var(--gray-100) transparent;
153+
154+
&::-webkit-scrollbar {
155+
height: 8px;
156+
}
157+
158+
&::-webkit-scrollbar-track {
159+
background: transparent;
160+
border-radius: 4px;
161+
}
162+
163+
&::-webkit-scrollbar-thumb {
164+
background-color: var(--gray-100);
165+
border-radius: 4px;
166+
}
150167
}
151168
li {
152169
width: var(--show-size);

0 commit comments

Comments
 (0)