1
0
mirror of https://github.com/zclzone/vue-naive-admin.git synced 2025-04-30 22:29:01 +08:00

feat: 调整主题设置样式

This commit is contained in:
zclzone 2024-04-24 21:50:55 +08:00
parent ddcbb83574
commit 4eb15744a6

View File

@ -10,18 +10,14 @@
<div> <div>
<n-tooltip trigger="hover" placement="left"> <n-tooltip trigger="hover" placement="left">
<template #trigger> <template #trigger>
<i class="i-fe:settings cursor-pointer text-32 color-primary" @click="modalRef.open()" /> <div class="f-c-c rounded-4 bg-primary p-8" @click="modalRef.open()">
<i class="i-fe:settings cursor-pointer bg-white text-20" />
</div>
</template> </template>
布局设置 布局设置
</n-tooltip> </n-tooltip>
<MeModal <MeModal ref="modalRef" title="布局设置" :show-footer="false" width="600px">
ref="modalRef"
title="布局设置"
:show-footer="false"
width="600px"
:modal-style="{ opacity: 0.85 }"
>
<n-space justify="space-between"> <n-space justify="space-between">
<div class="flex-col cursor-pointer justify-center" @click="appStore.setLayout('simple')"> <div class="flex-col cursor-pointer justify-center" @click="appStore.setLayout('simple')">
<div class="flex"> <div class="flex">