···

       
61
       
61
       
 
       
      <Show when={hover()}>

     

       
62
       
62
       
 
       
        <span

     

       
63
       
63
       
 
       
          ref={previewRef}

     

       
64
       
64
       
-
       
          class={`dark:bg-dark-500 dark:shadow-dark-800 pointer-events-none absolute left-[50%] z-25 block max-h-[20rem] w-max max-w-sm -translate-x-1/2 overflow-hidden rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-xs whitespace-pre-wrap shadow-md sm:max-h-[28rem] lg:max-w-lg dark:border-neutral-700 ${isOverflowing(previewHeight()) ? "bottom-7" : "top-7"}`}

     

       
64
       
64
       
+
       
          class={`dark:bg-dark-300 dark:shadow-dark-800 pointer-events-none absolute left-[50%] z-25 block max-h-[20rem] w-max max-w-sm -translate-x-1/2 overflow-hidden rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-xs whitespace-pre-wrap shadow-md sm:max-h-[28rem] lg:max-w-lg dark:border-neutral-700 ${isOverflowing(previewHeight()) ? "bottom-7" : "top-7"}`}

     

       
65
       
65
       
 
       
        >

     

       
66
       
66
       
 
       
          <JSONValue

     

       
67
       
67
       
 
       
            data={props.record.record.value as JSONType}