jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(projects): 修复vertical sider自适应主题

Browse Source
This commit is contained in:
Soybean
2021-10-15 12:02:53 +08:00
parent e1e5579e8f
commit 9097fa3866
19 changed files with 227 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/BasicLayout/components/GlobalSider/components/VerticalMixSider/components/MixMenu.vue
View File

@ -2,7 +2,7 @@
<div class="mb-6px px-4px cursor-pointer" @mouseenter="setTrue" @mouseleave="setFalse">
<div
class="flex-center flex-col py-12px rounded-2px"
:class="{ 'text-primary bg-primary bg-opacity-10': isActive, 'text-primary': isHover }"
:class="{ 'g_text-primary g_bg-primary_active': isActive, 'g_text-primary': isHover }"
>
<component :is="icon" :class="[isMini ? 'text-16px' : 'text-20px']" />
<p

4
src/layouts/BasicLayout/components/GlobalSider/components/VerticalMixSider/components/MixMenuDrawer.vue
View File

@ -10,12 +10,12 @@
duration-300
ease-in-out
bg-white
dark:bg-[#18181c]
dark:bg-dark
"
:style="{ width: showDrawer ? theme.menuStyle.width + 'px' : '0px' }"
>
<header class="header-height flex-y-center justify-between">
<h2 class="pl-8px text-16px text-primary font-bold">{{ title }}</h2>
<h2 class="pl-8px text-16px g_text-primary font-bold">{{ title }}</h2>
<div class="px-8px text-16px text-gray-600 cursor-pointer" @click="toggleFixedMixMenu">
<icon-mdi:pin-off v-if="app.menu.fixedMix" />
<icon-mdi:pin v-else />

3
src/layouts/BasicLayout/components/GlobalTab/components/MultiTab/index.vue
View File

@ -4,6 +4,7 @@
v-for="item in app.multiTab.routes"
:key="item.path"
:is-active="app.multiTab.activeRoute === item.fullPath"
:primary-color="theme.themeColor"
:closable="item.name !== ROUTE_HOME.name"
:dark-mode="theme.darkMode"
@click="handleClickTab(item.fullPath)"
@ -18,7 +19,7 @@
v-for="item in app.multiTab.routes"
:key="item.path"
class="mr-10px"
:active="app.multiTab.activeRoute === item.fullPath"
:is-active="app.multiTab.activeRoute === item.fullPath"
:primary-color="theme.themeColor"
:closable="item.name !== ROUTE_HOME.name"
:dark-mode="theme.darkMode"

4
src/layouts/BasicLayout/components/SettingDrawer/components/DarkMode/index.vue
View File

@ -3,10 +3,10 @@
<div class="flex-center">
<n-switch :value="theme.darkMode" @update:value="handleDarkMode">
<template #checked>
<icon-mdi-white-balance-sunny class="text-14px text-primary" />
<icon-mdi-white-balance-sunny class="text-14px g_text-primary" />
</template>
<template #unchecked>
<icon-mdi-moon-waning-crescent class="text-14px text-primary" />
<icon-mdi-moon-waning-crescent class="text-14px g_text-primary" />
</template>
</n-switch>
</div>

4
src/layouts/BasicLayout/components/SettingDrawer/components/NavMode/components/NavType.vue
View File

@ -1,7 +1,7 @@
<template>
<div
class="border-2px rounded-6px cursor-pointer hover:border-primary"
:class="[checked ? 'border-primary' : 'border-transparent']"
class="border-2px rounded-6px cursor-pointer hover:g_border-primary"
:class="[checked ? 'g_border-primary' : 'border-transparent']"
>
<n-tooltip :placement="activeConfig.placement" trigger="hover">
<template #trigger>

2
src/layouts/BasicLayout/components/common/GlobalLogo.vue
View File

@ -1,7 +1,7 @@
<template>
<a href="/" class="logo-height nowrap-hidden flex-center cursor-pointer">
<system-logo class="w-32px h-32px" :color="primaryColor" />
<h2 v-show="showTitle" class="pl-8px text-16px font-bold" :style="{ color: primaryColor }">{{ title }}</h2>
<h2 v-show="showTitle" class="g_text-primary pl-8px text-16px font-bold">{{ title }}</h2>
</a>
</template>