Updated RWD in all parsers
This commit is contained in:
		| @@ -10,8 +10,8 @@ const query = ref(''); | |||||||
| </script> | </script> | ||||||
|  |  | ||||||
| <template> | <template> | ||||||
|     <div id="layout" class="flex flex-col lg:flex-row w-full h-full"> |     <div id="layout" class="flex flex-col 2xl:flex-row w-full h-full"> | ||||||
|         <div class="flex flex-col w-full lg:w-1/2 h-2/3 lg:h-full flex-none items-center"> |         <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" @update="(data) => {xml = data}"></xmlInputFieldComponent> |             <xmlInputFieldComponent stylized-name="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent> | ||||||
|             <xmlInputFieldComponent stylized-name="XQuery" @update="(data) => {query = data}"></xmlInputFieldComponent> |             <xmlInputFieldComponent stylized-name="XQuery" @update="(data) => {query = data}"></xmlInputFieldComponent> | ||||||
|         </div> |         </div> | ||||||
|   | |||||||
| @@ -10,8 +10,8 @@ const query = ref(''); | |||||||
| </script> | </script> | ||||||
|  |  | ||||||
| <template> | <template> | ||||||
|     <div id="layout" class="flex flex-col lg:flex-row w-full h-full"> |     <div id="layout" class="flex flex-col 2xl:flex-row w-full h-full"> | ||||||
|         <div class="flex flex-col w-full lg:w-1/2 h-2/3 lg:h-full flex-none items-center"> |         <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" @update="(data) => {xml = data}"></xmlInputFieldComponent> |             <xmlInputFieldComponent stylized-name="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent> | ||||||
|             <xmlInputFieldComponent stylized-name="XSD" @update="(data) => {query = data}"></xmlInputFieldComponent> |             <xmlInputFieldComponent stylized-name="XSD" @update="(data) => {query = data}"></xmlInputFieldComponent> | ||||||
|         </div> |         </div> | ||||||
|   | |||||||
| @@ -15,14 +15,14 @@ function updateVersion(newVersion: string) { | |||||||
| </script> | </script> | ||||||
|  |  | ||||||
| <template> | <template> | ||||||
|     <div id="layout" class="flex flex-col lg:flex-row w-full h-full"> |     <div id="layout" class="flex flex-row w-full h-full"> | ||||||
|         <div class="flex flex-col lg:flex-row w-full lg:w-7/12 grow overflow-hide pr-2"> |         <div class="flex flex-col 2xl:flex-row w-full 2xl:w-7/12 grow overflow-hide pr-2"> | ||||||
|             <div class="flex flex-col w-full lg:w-1/2 h-2/3 lg:h-full flex-none items-center"> |             <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" @update="(data) => {xml = data}"></xmlInputFieldComponent> |                 <xmlInputFieldComponent stylized-name="XML" :data="xml" @update="(data) => {xml = data}"></xmlInputFieldComponent> | ||||||
|             <xmlInputFieldComponent stylized-name="XSLT" @update="(data) => {query = data}"></xmlInputFieldComponent> |                 <xmlInputFieldComponent stylized-name="XSLT" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent> | ||||||
|             </div> |             </div> | ||||||
|             <xmlOutputFieldComponent tool="xslt" :xml="xml" :query="query" @update="(version) => updateVersion(version)"></xmlOutputFieldComponent> |             <xmlOutputFieldComponent tool="xslt" :xml="xml" :query="query" @update="(version) => updateVersion(version)"></xmlOutputFieldComponent> | ||||||
|         </div> |         </div> | ||||||
|         <TooltipComponent tool-type="xslt" :version="version"></TooltipComponent> |         <tooltipComponent tool-type="xslt" :version="version"></tooltipComponent> | ||||||
|     </div> |     </div> | ||||||
| </template> | </template> | ||||||
		Reference in New Issue
	
	Block a user