mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-21 23:36:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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
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> </script>
<style lang="less"> <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 { .v-toolbar__content {
a { a {