jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-03-19 18:37:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add night button

Browse Source
This commit is contained in:
tim
2025-07-07 11:48:13 +08:00
parent 87b2e9b19e
commit 57863aadf8
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
open-isle-cli/src/components/MenuComponent.vue
View File

@@ -19,6 +19,12 @@
<span class="menu-item-text">发帖</span> <span class="menu-item-text">发帖</span>
</router-link> </router-link>
</div> </div>
<div class="menu-footer">
<div class="menu-footer-btn" @click="$emit('toggle-dark-mode')">
<i class="fas fa-moon"></i>
</div>
</div>
</nav> </nav>
</transition> </transition>
</template> </template>
@@ -41,6 +47,9 @@ export default {
background-color: var(--menu-background-color); background-color: var(--menu-background-color);
height: calc(100vh - var(--header-height)); height: calc(100vh - var(--header-height));
border-right: 1px solid var(--menu-border-color); border-right: 1px solid var(--menu-border-color);
display: flex;
flex-direction: column;
justify-content: space-between;
} }
.menu-item-container { .menu-item-container {
@@ -71,6 +80,22 @@ export default {
opacity: 0.5; opacity: 0.5;
} }
.menu-footer {
height: 30px;
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 10px;
}
.menu-footer-btn {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
/* /*
.slide-enter-active, .slide-leave-active { .slide-enter-active, .slide-leave-active {
transition: transition: