Implemented XML Formatter and simplified structure of XML tools #229
@@ -3,7 +3,7 @@
 | 
				
			|||||||
@tailwind utilities;
 | 
					@tailwind utilities;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.tool-button {
 | 
					.tool-button {
 | 
				
			||||||
    @apply py-1 px-4 rounded-full bg-gradient-to-r from-blue-300 to-sky-200  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 | 
					    @apply py-1 px-4 rounded-full w-fit bg-gradient-to-r from-blue-300 to-sky-200  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.text-field {
 | 
					.text-field {
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -24,7 +24,7 @@ function clear() {
 | 
				
			|||||||
    <div id="layout" class="flex flex-col w-full h-full gap-4">
 | 
					    <div id="layout" class="flex flex-col w-full h-full gap-4">
 | 
				
			||||||
        <div id="toolbar" class= "flex flex-col gap-4 items-center lg:flex-row place-content-between">
 | 
					        <div id="toolbar" class= "flex flex-col gap-4 items-center lg:flex-row place-content-between">
 | 
				
			||||||
            <span class="dark:text-slate-100">JSON Formatter</span>
 | 
					            <span class="dark:text-slate-100">JSON Formatter</span>
 | 
				
			||||||
            <div class="space-x-2">
 | 
					            <div class="flex flex-wrap gap-2 justify-center">
 | 
				
			||||||
                <InsertTemplateComponent pretty-name="JSON" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
 | 
					                <InsertTemplateComponent pretty-name="JSON" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
 | 
				
			||||||
                <button class="tool-button" @click="clear()">Clear</button>
 | 
					                <button class="tool-button" @click="clear()">Clear</button>
 | 
				
			||||||
                <JsonButtonFormatterComponent isMinimizer :xml="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
 | 
					                <JsonButtonFormatterComponent isMinimizer :xml="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -24,7 +24,7 @@ function clear() {
 | 
				
			|||||||
    <div id="layout" class="flex flex-col w-full h-full gap-4">
 | 
					    <div id="layout" class="flex flex-col w-full h-full gap-4">
 | 
				
			||||||
        <div id="toolbar" class= "flex flex-col gap-4 items-center lg:flex-row place-content-between">
 | 
					        <div id="toolbar" class= "flex flex-col gap-4 items-center lg:flex-row place-content-between">
 | 
				
			||||||
            <span class="dark:text-slate-100">XML Formatter</span>
 | 
					            <span class="dark:text-slate-100">XML Formatter</span>
 | 
				
			||||||
            <div class="space-x-2">
 | 
					            <div class="flex flex-wrap gap-2 justify-center">
 | 
				
			||||||
                <InsertTemplateComponent pretty-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
 | 
					                <InsertTemplateComponent pretty-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
 | 
				
			||||||
                <button class="tool-button" @click="clear()">Clear</button>
 | 
					                <button class="tool-button" @click="clear()">Clear</button>
 | 
				
			||||||
                <XMLButtonFormatterComponent is-minimizer :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
 | 
					                <XMLButtonFormatterComponent is-minimizer :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user