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.
31 lines
676 B
31 lines
676 B
3 months ago
|
<script lang="ts" setup>
|
||
|
|
const { fullscreen } = useExtensionHelperOrThrow()
|
||
|
|
|
||
|
|
const headerRef = ref<HTMLDivElement>()
|
||
|
|
|
||
|
|
const { height } = useElementSize(headerRef)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
<div ref="headerRef">
|
||
|
|
<ExtensionsExtensionHeader>
|
||
|
|
<template #extra>
|
||
|
|
<slot name="headerExtra"></slot>
|
||
|
|
</template>
|
||
|
|
</ExtensionsExtensionHeader>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
:class="{
|
||
|
|
'p-6 max': fullscreen,
|
||
|
|
'h-full': !fullscreen,
|
||
|
|
}"
|
||
|
|
:style="fullscreen ? { height: height ? `calc(100% - ${height}px)` : 'calc(100% - 64px)' } : {}"
|
||
|
|
>
|
||
|
|
<slot />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|