adjust view window

This commit is contained in:
Casey Wittrock 2025-10-24 03:51:07 -05:00
parent 403b29a8b8
commit b0ed2c68f9

View File

@ -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>