diff --git a/.changeset/thirty-windows-listen.md b/.changeset/thirty-windows-listen.md new file mode 100644 index 000000000..2e8080745 --- /dev/null +++ b/.changeset/thirty-windows-listen.md @@ -0,0 +1,5 @@ +--- +"@alauda/ui": patch +--- + +feat: mod sroll bar style diff --git a/src/theme/_mixin.scss b/src/theme/_mixin.scss index 1d647b9dc..dded11dc1 100644 --- a/src/theme/_mixin.scss +++ b/src/theme/_mixin.scss @@ -152,17 +152,21 @@ transform: translate(-50%, -50%); } -@mixin scroll-bar($color: #{use-rgba(n-1, 0.2)}) { +@mixin scroll-bar($color: #{use-rgb(n-7)}, $hover-color: #{use-rgb(n-5)}) { &::-webkit-scrollbar { - width: 4px; + width: 8px; height: 4px; } &::-webkit-scrollbar-thumb { - border-radius: 2px; + border-radius: 4px; background-color: $color; } + &::-webkit-scrollbar-thumb:hover { + background-color: $hover-color; + } + &::-webkit-scrollbar-corner { background-color: transparent; }