Глобальная стилизация скроллбаров

This commit is contained in:
Daria Golova
2022-11-18 18:42:14 +03:00
parent 27e29bf414
commit f6d782d08a
4 changed files with 11 additions and 19 deletions

View File

@@ -9,6 +9,16 @@ export default {
</script> </script>
<style lang="sass"> <style lang="sass">
html
::-webkit-scrollbar
width: 8px
height: 8px
::-webkit-scrollbar-track
border-radius: 4px
background-color: var(--bg-ligth-blue-color)
::-webkit-scrollbar-thumb
background-color: var(--btn-blue-color-2)
border-radius: 4px
#app #app
font-feature-settings: 'pnum' on, 'lnum' on font-feature-settings: 'pnum' on, 'lnum' on
-webkit-font-smoothing: antialiased -webkit-font-smoothing: antialiased

View File

@@ -60,9 +60,6 @@ export default {
: (this.pageSettings[index].active = false); : (this.pageSettings[index].active = false);
}); });
}, },
changePage() {
console.log(this.$router.currentRoute._value.fullPath);
},
}, },
computed: { computed: {
getSettings() { getSettings() {

View File

@@ -418,24 +418,10 @@ export default {
height: calc(100vh - 56px * 2 - 8px - 22px) height: calc(100vh - 56px * 2 - 8px - 22px)
overflow-y: auto overflow-y: auto
overflow-x: auto overflow-x: auto
&::-webkit-scrollbar
width: 8px
height: 8px
&::-webkit-scrollbar-track:horizontal &::-webkit-scrollbar-track:horizontal
margin: 0 24px 0 104px margin: 0 24px 0 104px
pddding-bottom: 22px
border-radius: 4px
background-color: var(--bg-ligth-blue-color)
&::-webkit-scrollbar-thumb:horizontal
background-color: var(--btn-blue-color-2)
border-radius: 4px
&::-webkit-scrollbar-track:vertical &::-webkit-scrollbar-track:vertical
margin: 56px 0 24px 0 margin: 48px 0 24px 0
border-radius: 4px
background-color: var(--bg-ligth-blue-color)
&::-webkit-scrollbar-thumb:vertical
border-radius: 4px
background-color: var(--btn-blue-color-2)
.hiding-container .hiding-container
width: 80px width: 80px

View File

@@ -80,7 +80,6 @@ export default {
immediate: true, immediate: true,
handler(newValue) { handler(newValue) {
if (newValue === false) { if (newValue === false) {
console.log("work");
this.fetchDataClients(); this.fetchDataClients();
} }
}, },