Merge pull request #143 from dderbentsov/UC-47
Глобальная стилизация скроллбаров
This commit is contained in:
10
src/App.vue
10
src/App.vue
@@ -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
|
||||||
|
|||||||
@@ -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() {
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user