<template>
  <ResizablePage 
    :defaultWidth="200"
    :minWidth="150"
    :maxWidth="420"
    bgColor="#fff" 
  >
    <template #sidebar>
      <div class="sidebar-content">
       
      </div>
    </template>
    <template #main>
      <div class="main-content">
		  <vUser />
      </div>
    </template>
  </ResizablePage>
</template>

<script setup>
import { ref } from 'vue'
import ResizablePage from '@/components/Layout/proResizable.vue'
import vUser from './list.vue'
</script>

<style scoped>
.sidebar-content {
  width: 100%;
  height: 100%;
}

.main-content {
  padding: 0px;
  height: 100%;
}
</style>