Глобальная стилизация скроллбаров
This commit is contained in:
10
src/App.vue
10
src/App.vue
@@ -9,6 +9,16 @@ export default {
|
||||
</script>
|
||||
|
||||
<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
|
||||
font-feature-settings: 'pnum' on, 'lnum' on
|
||||
-webkit-font-smoothing: antialiased
|
||||
|
||||
@@ -60,9 +60,6 @@ export default {
|
||||
: (this.pageSettings[index].active = false);
|
||||
});
|
||||
},
|
||||
changePage() {
|
||||
console.log(this.$router.currentRoute._value.fullPath);
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
getSettings() {
|
||||
|
||||
@@ -418,24 +418,10 @@ export default {
|
||||
height: calc(100vh - 56px * 2 - 8px - 22px)
|
||||
overflow-y: auto
|
||||
overflow-x: auto
|
||||
&::-webkit-scrollbar
|
||||
width: 8px
|
||||
height: 8px
|
||||
&::-webkit-scrollbar-track:horizontal
|
||||
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
|
||||
margin: 56px 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)
|
||||
margin: 48px 0 24px 0
|
||||
|
||||
.hiding-container
|
||||
width: 80px
|
||||
|
||||
@@ -80,7 +80,6 @@ export default {
|
||||
immediate: true,
|
||||
handler(newValue) {
|
||||
if (newValue === false) {
|
||||
console.log("work");
|
||||
this.fetchDataClients();
|
||||
}
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user