zishuo/tiny-rdm
1
0
Fork 0
mirror of https://github.com/tiny-craft/tiny-rdm.git synced 2025-10-15 11:40:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: support custom theme color and dark mode

Browse Source 
perf: replace css variables to theme variables
This commit is contained in:
tiny-craft
2023-07-13 15:46:12 +08:00
parent 73f637a9f8
commit 29f87f75c1
13 changed files with 193 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/sidebar/NavMenu.vue
View File

@@ -114,7 +114,7 @@ const openGithub = () => {
:collapsed-icon-size="iconSize"
@update:value="(val) => emit('update:value', val)"
:options="menuOptions"
></n-menu>
/>
<div class="flex-item-expand"></div>
<div class="nav-menu-item flex-box-v">
<n-dropdown
@@ -127,7 +127,7 @@ const openGithub = () => {
>
<icon-button :icon="Config" :size="iconSize" class="nav-menu-button" />
</n-dropdown>
<icon-button :icon="Github" :size="iconSize" class="nav-menu-button" @click="openGithub"></icon-button>
<icon-button :icon="Github" :size="iconSize" class="nav-menu-button" @click="openGithub" />
</div>
</div>
</template>
@@ -136,7 +136,7 @@ const openGithub = () => {
#app-nav-menu {
//width: 60px;
height: 100vh;
border-right: var(--border-color) solid 1px;
border-right: v-bind('themeVars.borderColor') solid 1px;
.nav-menu-item {
align-items: center;