mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.0 KiB
57 lines
1.0 KiB
2 years ago
|
<template>
|
||
|
|
<div class="nc-container">
|
||
|
|
<div class="nc-topbar shadow-2">
|
||
|
|
</div>
|
||
|
|
<div class="nc-sidebar shadow-2 p-4 overflow-y-auto">
|
||
|
|
<DashboardTreeView></DashboardTreeView>
|
||
|
|
</div>
|
||
|
|
<div class="nc-content p-4 overflow-auto">
|
||
|
|
<DashboardTabView></DashboardTabView>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import {useNuxtApp} from "#app";
|
||
|
|
import {useProject} from "~/composables/project";
|
||
|
|
|
||
|
|
const route = useRoute()
|
||
|
|
const {loadProject, loadTables} = useProject()
|
||
|
|
|
||
|
|
|
||
|
|
onMounted(async () => {
|
||
|
|
await loadProject(route.params.projectId as string)
|
||
|
|
await loadTables()
|
||
|
|
})
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.nc-container {
|
||
|
|
.nc-topbar {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
height: 50px;
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.nc-sidebar {
|
||
|
|
position: fixed;
|
||
|
|
top: 50px;
|
||
|
|
left: 0;
|
||
|
|
height: calc(100% - 50px);
|
||
|
|
width: 250px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nc-content {
|
||
|
|
position: fixed;
|
||
|
|
top: 50px;
|
||
|
|
left: 250px;
|
||
|
|
height: calc(100% - 50px);
|
||
|
|
width: calc(100% - 250px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|