feat: page layout

This commit is contained in:
tim
2025-07-02 22:02:45 +08:00
parent bfc0f95c8f
commit ce2ff8c94a
3 changed files with 16 additions and 10 deletions

View File

@@ -24,13 +24,22 @@ export default {
.menu {
width: 200px;
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;
transition:
transform 0.3s ease,
opacity 0.3s ease,
width 0.3s ease;
}
.slide-enter-from, .slide-leave-to {
transform: translateX(-100%);
opacity: 0;
width: 0;
}
.slide-enter-to, .slide-leave-from {
transform: translateX(0);
opacity: 1;
width: 200px;
}
</style>