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
+3 -6
View File
@@ -4,7 +4,7 @@
<div class="main-container">
<MenuComponent :visible="menuVisible" />
<div class="content" :class="{ 'with-menu': menuVisible }">
<div class="content">
<router-view />
</div>
</div>
@@ -26,16 +26,13 @@ export default {
<style>
.content {
transition: margin-left 0.3s ease;
flex: 1;
}
.main-container {
display: flex;
justify-content: center;
flex-direction: row;
max-width: var(--page-max-width);
margin-left: auto;
margin-right: auto;
margin: 0 auto;
background-color: var(--normal-background-color);
}