feat: main layout

This commit is contained in:
tim
2025-07-02 21:44:30 +08:00
parent 7519ec760c
commit bfc0f95c8f
6 changed files with 37 additions and 27 deletions

View File

@@ -16,9 +16,9 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
background-color: #42b983;
color: white;
height: var(--header-height);
background-color: var(--header-background-color);
color: var(--header-text-color);
}
.menu-btn {
font-size: 24px;

View File

@@ -23,13 +23,9 @@ export default {
<style scoped>
.menu {
width: 200px;
background-color: #f5f5f5;
padding: 10px;
position: fixed;
left: 0;
top: 0;
bottom: 0;
background-color: var(--menu-background-color);
overflow-y: auto;
height: calc(100vh - var(--header-height));
}
.slide-enter-active, .slide-leave-active {
transition: transform 0.3s ease;