Fixed out-of-screen tooltips
This commit is contained in:
		| @@ -55,10 +55,10 @@ import {html} from '@codemirror/lang-html' | ||||
| </script> | ||||
|  | ||||
| <template> | ||||
|   <div class="editor w-full max-w-full h-full overflow-scroll"> | ||||
|   <div class="editor w-full h-full bg-[#282C34] rounded-2xl overflow-x-scroll"> | ||||
|      | ||||
|     <codemirror | ||||
|       style="height: 100%; width: 100%; padding:1rem ; border-radius: 1rem; font-size: large;" | ||||
|       style="height: 100%; width: fit-content; padding:1rem ; border-radius: 1rem; font-size: large;" | ||||
|       :model-value="code" | ||||
|       @update:model-value="dataUpdated" | ||||
|       :extensions="extensions" | ||||
|   | ||||
| @@ -55,7 +55,7 @@ function readFile(file : any) { | ||||
| </script> | ||||
|  | ||||
| <template> | ||||
|     <div class="flex flex-col w-full h-1/2 lg:h-1/2 flex-none pr-4 pb-2"> | ||||
|     <div class="flex flex-col w-full h-1/2 lg:h-1/2 flex-none xl:pr-2 2xl:pr-4 pb-2"> | ||||
|         <div class="flex place-content-between w-full items-center"> | ||||
|             <span class="dark:text-white mr-2">{{ stylizedName }}</span> | ||||
|             <div class="flex space-x-2 pb-2 overflow-x-scroll"> | ||||
|   | ||||
| @@ -138,7 +138,7 @@ function isVersionSelectionAvailable() { | ||||
| </script> | ||||
|  | ||||
| <template> | ||||
|     <div class="flex flex-col flex-none w-full 2xl:w-1/2 h-1/3 2xl:h-full items-center pb-2 pr-2"> | ||||
|     <div class="flex flex-col flex-none w-full 2xl:w-1/2 h-1/3 2xl:h-full items-center pb-2 xl:pr-2"> | ||||
|         <div class="flex place-content-between w-full items-center pb-2"> | ||||
|             <span class="dark:text-white">Result:</span> | ||||
|             <div class="flex space-x-2 overflow-x-scroll"> | ||||
|   | ||||
| @@ -17,7 +17,7 @@ function updateVersion(newVersion: string) { | ||||
|  | ||||
| <template> | ||||
|     <div id="layout" class="flex flex-row w-full h-full"> | ||||
|         <div class="flex flex-col 2xl:flex-row w-full 2xl:w-7/12 grow overflow-hide pr-2"> | ||||
|         <div class="flex flex-col 2xl:flex-row w-full xl:w-7/12 grow overflow-hide xl:pr-2"> | ||||
|             <div class="flex flex-col w-full 2xl:w-1/2 h-2/3 2xl:h-full flex-none items-center"> | ||||
|                 <xmlInputFieldComponent stylized-name="XML" :data="xml" @update="(data) => {xml = data}"></xmlInputFieldComponent> | ||||
|                 <xmlInputFieldComponent stylized-name="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user