adjust view window
This commit is contained in:
parent
403b29a8b8
commit
b0ed2c68f9
@ -1,6 +1,7 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { IconoirProvider } from "@iconoir/vue";
|
import { IconoirProvider } from "@iconoir/vue";
|
||||||
import SideBar from "./components/SideBar.vue";
|
import SideBar from "./components/SideBar.vue";
|
||||||
|
import ScrollPanel from "primevue/scrollpanel";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@ -15,7 +16,9 @@ import SideBar from "./components/SideBar.vue";
|
|||||||
<div id="snw-ui">
|
<div id="snw-ui">
|
||||||
<SideBar />
|
<SideBar />
|
||||||
<div id="display-content">
|
<div id="display-content">
|
||||||
|
<ScrollPanel style="width: 100%; height: 100%">
|
||||||
<RouterView />
|
<RouterView />
|
||||||
|
</ScrollPanel>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</IconoirProvider>
|
</IconoirProvider>
|
||||||
@ -31,7 +34,7 @@ import SideBar from "./components/SideBar.vue";
|
|||||||
max-width: 1280px;
|
max-width: 1280px;
|
||||||
min-width: 800px;
|
min-width: 800px;
|
||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
min-height: 84vh;
|
min-height: 87vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
#display-content {
|
#display-content {
|
||||||
@ -40,5 +43,6 @@ import SideBar from "./components/SideBar.vue";
|
|||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
max-width: 50vw;
|
max-width: 50vw;
|
||||||
min-width: 80%;
|
min-width: 80%;
|
||||||
|
max-height: 87vh;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user