mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-04-21 23:36:15 -04:00
feat(ui): added prettier scrollbar
This commit is contained in:
parent
e8ea193ff0
commit
58d91900a3
1 changed files with 26 additions and 0 deletions
|
@ -124,6 +124,32 @@ export default class DefaultLayout extends mixins(ToolRoutesMixin) {
|
|||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.pretty-scrollbar {
|
||||
&::-webkit-scrollbar {
|
||||
width: 5px !important;
|
||||
height: 5px !important;
|
||||
}
|
||||
|
||||
// Track
|
||||
&::-webkit-scrollbar-track {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
|
||||
// Handle
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: rgba(241, 241, 241, 0.10) !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
// Handle on hover
|
||||
&::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(241, 241, 241, 0.20) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.v-navigation-drawer__content {
|
||||
.pretty-scrollbar;
|
||||
}
|
||||
|
||||
.v-toolbar__content {
|
||||
a {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue