fix: absolute gql response codemirror position

This commit is contained in:
nivedin
2024-02-21 13:15:32 +05:30
committed by Andrew Bastin
parent 342532c9b1
commit 6198a25bc6
2 changed files with 6 additions and 3 deletions

View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="flex h-full flex-1 flex-col"> <div class="h-full">
<HoppSmartTabs <HoppSmartTabs
v-model="selectedOptionTab" v-model="selectedOptionTab"
styles="sticky top-0 bg-primary z-10 border-b-0" styles="sticky top-0 bg-primary z-10 border-b-0"

View File

@@ -4,7 +4,7 @@
v-if=" v-if="
response && response.length === 1 && response[0].type === 'response' response && response.length === 1 && response[0].type === 'response'
" "
class="flex flex-1 flex-col" class="flex flex-1 flex-col relative"
> >
<div <div
class="sticky top-0 z-10 flex flex-shrink-0 items-center justify-between overflow-x-auto border-b border-dividerLight bg-primary pl-4" class="sticky top-0 z-10 flex flex-shrink-0 items-center justify-between overflow-x-auto border-b border-dividerLight bg-primary pl-4"
@@ -72,7 +72,10 @@
</tippy> </tippy>
</div> </div>
</div> </div>
<div ref="schemaEditor" class="flex flex-1 flex-col"></div> <div
ref="schemaEditor"
class="flex flex-1 flex-col absolute inset-0 top-10"
></div>
</div> </div>
<component <component
:is="response[0].error.component" :is="response[0].error.component"