diff --git a/src/App.vue b/src/App.vue index 42ba10a..af2a854 100644 --- a/src/App.vue +++ b/src/App.vue @@ -75,7 +75,7 @@ export default defineComponent({ font-size: 11px; } :root { - --q-dark: #303133; + --q-dark: #464646; --q-dark-page: #303133; } .commandLogo { diff --git a/src/components/CommandEditor.vue b/src/components/CommandEditor.vue index d9e2924..3e7de92 100644 --- a/src/components/CommandEditor.vue +++ b/src/components/CommandEditor.vue @@ -8,7 +8,7 @@ class="absolute-left shadow-10" :style="{ width: sideBarWidth + 'px', - background: $q.dark.isActive ? 'var(--q-dark)' : '#f2f2f2', + background: $q.dark.isActive ? 'var(--q-dark-page)' : '#f2f2f2', zIndex: 1, transition: '0.3s', }" diff --git a/src/components/CommandSideBar.vue b/src/components/CommandSideBar.vue index f01b781..97c1e30 100644 --- a/src/components/CommandSideBar.vue +++ b/src/components/CommandSideBar.vue @@ -3,6 +3,9 @@ :thumb-style="{ width: '3px', }" + :horizontal-thumb-style="{ + height: '5px', + }" >