52 lines
1,009 B
Vue
52 lines
1,009 B
Vue
<script setup>
|
|
import { IconoirProvider } from "@iconoir/vue";
|
|
import SideBar from "./components/SideBar.vue";
|
|
import CreateClientModal from "./components/modals/CreatClientModal.vue";
|
|
import ScrollPanel from "primevue/scrollpanel";
|
|
</script>
|
|
|
|
<template>
|
|
<IconoirProvider
|
|
:icon-props="{
|
|
color: 'white',
|
|
'stroke-width': 2,
|
|
width: '1.2em',
|
|
height: '1.2em',
|
|
}"
|
|
>
|
|
<div id="snw-ui">
|
|
<SideBar />
|
|
<div id="display-content">
|
|
<ScrollPanel style="width: 100%; height: 100%">
|
|
<RouterView />
|
|
</ScrollPanel>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Global Modals -->
|
|
<CreateClientModal />
|
|
</IconoirProvider>
|
|
</template>
|
|
|
|
<style lang="css">
|
|
#snw-ui {
|
|
display: flex;
|
|
flex-direction: row;
|
|
border-radius: 10px;
|
|
padding: 10px;
|
|
border: 4px solid rgb(235, 230, 230);
|
|
max-width: 1280px;
|
|
min-width: 800px;
|
|
margin: 10px auto;
|
|
min-height: 87vh;
|
|
}
|
|
|
|
#display-content {
|
|
/* flex-grow: 1; */
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 50vw;
|
|
min-width: 80%;
|
|
max-height: 87vh;
|
|
}
|
|
</style>
|