layout update

This commit is contained in:
2025-05-10 00:04:53 +08:00
parent 52a2fd6625
commit b4c7238c8a
10 changed files with 73 additions and 49 deletions

View File

@@ -7,11 +7,11 @@ import Signup from "../components/Signup.vue"
<template>
<n-layout position="absolute">
<n-layout-header bordered class="header">
<Header />
<n-layout-header bordered style="padding: 8px;">
<Header class="header" />
</n-layout-header>
<n-layout-content
content-style="padding: 16px; overflow-x: initial; max-width: 2000px; margin: 0 auto;"
content-style="padding: 16px; overflow-x: initial; max-width: 1600px; margin: 0 auto;"
>
<router-view></router-view>
</n-layout-content>
@@ -22,9 +22,8 @@ import Signup from "../components/Signup.vue"
</template>
<style scoped>
.header {
padding: 8px;
max-width: 2000px;
.header {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}

View File

@@ -0,0 +1,22 @@
<script setup lang="ts">
import Beian from "../components/Beian.vue"
import Header from "../components/Header.vue"
import Login from "../components/Login.vue"
import Signup from "../components/Signup.vue"
</script>
<template>
<n-layout position="absolute">
<n-layout-header bordered style="padding: 8px;">
<Header />
</n-layout-header>
<n-layout-content
content-style="padding: 16px; overflow-x: initial;"
>
<router-view></router-view>
</n-layout-content>
<Login />
<Signup />
<Beian />
</n-layout>
</template>