样式调整

This commit is contained in:
fofolee 2022-04-16 22:25:35 +08:00
parent 5bea753a90
commit 027ce21592
3 changed files with 13 additions and 16 deletions

View File

@ -85,11 +85,9 @@
<q-card-section> <q-card-section>
<!-- logo --> <!-- logo -->
<div class="row" :class="cardStyleVars.logoPosition"> <div class="row" :class="cardStyleVars.logoPosition">
<q-img <q-avatar square size="48px">
width="48px" <q-img :src="commandInfo.features.icon" />
height="48px" </q-avatar>
:src="commandInfo.features.icon"
/>
</div> </div>
<!-- 名称 --> <!-- 名称 -->
<!-- mini small 模式下命令标题字体变小 --> <!-- mini small 模式下命令标题字体变小 -->

View File

@ -1,5 +1,8 @@
<template> <template>
<div class="relative"> <div
class="absolute-full"
:style="{ background: $q.dark.isActive ? 'var(--q-dark-page)' : '#ffffff' }"
>
<!-- 命令设置栏 --> <!-- 命令设置栏 -->
<CommandSideBar <CommandSideBar
ref="sidebar" ref="sidebar"
@ -8,7 +11,6 @@
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-page)' : '#f2f2f2',
zIndex: 1, zIndex: 1,
transition: '0.3s', transition: '0.3s',
}" }"

View File

@ -176,17 +176,15 @@
<q-dialog <q-dialog
v-model="isCommandEditorShow" v-model="isCommandEditorShow"
persistent persistent
:maximized="maximizedToggle" maximized
:transition-show="newCommandDirect ? '' : 'slide-up'" :transition-show="newCommandDirect ? '' : 'slide-up'"
transition-hide="slide-down" transition-hide="slide-down"
> >
<q-card style="overfolw: hidden"> <CommandEditor
<CommandEditor ref="commandEditor"
ref="commandEditor" :action="commandEditorAction"
:action="commandEditorAction" @editorEvent="editorEvent"
@editorEvent="editorEvent" ></CommandEditor>
></CommandEditor>
</q-card>
</q-dialog> </q-dialog>
<CommandRunResult <CommandRunResult
:action="{ type: 'config' }" :action="{ type: 'config' }"
@ -227,7 +225,6 @@ export default {
allQuickCommands: [], allQuickCommands: [],
commandSearchKeyword: "", commandSearchKeyword: "",
isCommandEditorShow: false, isCommandEditorShow: false,
maximizedToggle: true,
commandEditorAction: {}, commandEditorAction: {},
footerBarHeight: "40px", footerBarHeight: "40px",
commandCardStyle: this.$profile.commandCardStyle, commandCardStyle: this.$profile.commandCardStyle,