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

feat(layouts): 添加侧边栏/头部的反转模式来增加对比度

Browse Source
This commit is contained in:
元家怿
2022-04-27 16:39:20 +08:00
committed by Soybean
parent a782461453
commit 861c8b9852
15 changed files with 56 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/common/DarkModeContainer.vue
View File

@ -1,10 +1,18 @@
<template>
<div
class="bg-white text-[#333639] dark:bg-[#18181c] dark:text-white dark:text-opacity-82 transition-all duration-300 ease-in-out"
class="dark:(bg-[#18181c] text-white text-opacity-82) transition-all duration-300 ease-in-out"
:class="inverted ? 'bg-[#001428] text-white' : 'bg-white text-[#333639]'"
>
<slot></slot>
</div>
</template>
<script setup lang="ts"></script>
<script setup lang="ts">
interface Props {
inverted?: boolean;
}
withDefaults(defineProps<Props>(), {
inverted: false
});
</script>
<style scoped></style>