fix: height

This commit is contained in:
Methapon Metanipat 2024-08-28 16:22:39 +07:00
parent 0d6f259353
commit cc140f0124

View file

@ -103,8 +103,8 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
</script> </script>
<template> <template>
<div class="full-width row"> <div class="full-width row no-wrap wrapper">
<div class="col"> <div class="col column no-wrap">
<div class="q-pa-sm text-center bordered" style="height: 50px"> <div class="q-pa-sm text-center bordered" style="height: 50px">
<q-btn-dropdown <q-btn-dropdown
:disable="readonly" :disable="readonly"
@ -141,7 +141,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
</q-btn-dropdown> </q-btn-dropdown>
</div> </div>
<div class="bordered-l bordered-b q-pa-sm"> <div class="bordered-l bordered-b q-pa-sm col full-height scroll">
<q-tree <q-tree
:nodes="treeFile || []" :nodes="treeFile || []"
node-key="label" node-key="label"
@ -161,7 +161,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
</div> </div>
</div> </div>
<div class="col"> <div class="col column no-wrap">
<div <div
class="bordered row items-center justify-evenly q-pa-sm no-wrap" class="bordered row items-center justify-evenly q-pa-sm no-wrap"
style="height: 50px" style="height: 50px"
@ -236,7 +236,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
</div> </div>
</div> </div>
<div class="col-5"> <div class="col-5 column no-wrap">
<div <div
class="bordered row items-center justify-between q-pa-sm" class="bordered row items-center justify-between q-pa-sm"
style="height: 50px" style="height: 50px"
@ -258,7 +258,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
</div> </div>
</div> </div>
<div class="q-pa-sm bordered-r bordered-b full-height"> <div class="q-pa-sm bordered-r bordered-b full-height col scroll">
<slot name="form" :mode="currentMode" /> <slot name="form" :mode="currentMode" />
<div class="row items-center"> <div class="row items-center">
@ -290,4 +290,8 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
</div> </div>
</template> </template>
<style lang="scss"></style> <style lang="scss">
.wrapper > * {
height: 300px;
}
</style>