public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(ui): added prettier scrollbar

Browse Source
This commit is contained in:
Corentin Thomasset 2021-05-17 23:57:02 +02:00
parent e8ea193ff0
commit 58d91900a3
No known key found for this signature in database
GPG Key ID: DBD997E935996158
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
layouts/default.vue
View File

@ -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 {