round out scrollbar
This commit is contained in:
parent
f47a49a06c
commit
8150a25ffd
1 changed files with 10 additions and 8 deletions
18
src/app.css
18
src/app.css
|
@ -27,17 +27,19 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 3.5px;
|
width: 2px;
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: rgba(0, 0, 0, 0);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
background: #c4bef3;
|
background-color: #c4bef3;
|
||||||
|
border-radius: 10rem;
|
||||||
|
border: 1px solid #c4bef3;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
::-webkit-scrollbar-track-piece:start {
|
||||||
background: #9d98c2;
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track-piece:end {
|
||||||
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue