study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-08 14:34:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

调整 --q-dark 的颜色

Browse Source
This commit is contained in:
fofolee 2022-04-16 00:45:28 +08:00
parent c15a027005
commit 983a2f7419
3 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@ -75,7 +75,7 @@ export default defineComponent({
font-size: 11px; font-size: 11px;
} }
:root { :root {
--q-dark: #303133; --q-dark: #464646;
--q-dark-page: #303133; --q-dark-page: #303133;
} }
.commandLogo { .commandLogo {

2
src/components/CommandEditor.vue
View File

@ -8,7 +8,7 @@
class="absolute-left shadow-10" class="absolute-left shadow-10"
:style="{ :style="{
width: sideBarWidth + 'px', width: sideBarWidth + 'px',
background: $q.dark.isActive ? 'var(--q-dark)' : '#f2f2f2', background: $q.dark.isActive ? 'var(--q-dark-page)' : '#f2f2f2',
zIndex: 1, zIndex: 1,
transition: '0.3s', transition: '0.3s',
}" }"

3
src/components/CommandSideBar.vue
View File

@ -3,6 +3,9 @@
:thumb-style="{ :thumb-style="{
width: '3px', width: '3px',
}" }"
:horizontal-thumb-style="{
height: '5px',
}"
> >
<div class="row q-pa-md q-gutter-md"> <div class="row q-pa-md q-gutter-md">
<q-btn <q-btn