Fixed out-of-screen tooltips

This commit is contained in:
2023-11-09 09:15:08 +01:00
parent a8f8c6d5f5
commit 3ff828c8cd
4 changed files with 5 additions and 5 deletions

View File

@@ -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"

View File

@@ -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">

View File

@@ -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">

View File

@@ -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>