Implemented XML Formatter and simplified structure of XML tools #229
@@ -6,7 +6,7 @@ import SidebarComponent from '@components/sidebar/SidebarComponent.vue';
 | 
				
			|||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<template>
 | 
					<template>
 | 
				
			||||||
  <div id="layout" class="flex bg-gradient-to-r from-white to-blue-200 dark:from-slate-800 dark:to-indigo-950">
 | 
					  <div id="layout" class="flex h-screen bg-gradient-to-r from-white to-blue-200 dark:from-slate-800 dark:to-indigo-950">
 | 
				
			||||||
    <SidebarComponent />
 | 
					    <SidebarComponent />
 | 
				
			||||||
    <div class="relative p-6 w-full m-4 bg-indigo-50 dark:bg-gray-700 rounded-2xl shadow-md">
 | 
					    <div class="relative p-6 w-full m-4 bg-indigo-50 dark:bg-gray-700 rounded-2xl shadow-md">
 | 
				
			||||||
      <RouterView></RouterView>
 | 
					      <RouterView></RouterView>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -128,8 +128,8 @@ function clear() {
 | 
				
			|||||||
                <button class="tool-button" @click="process">Process</button>
 | 
					                <button class="tool-button" @click="process">Process</button>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
        <div class="text-field overflow-scroll">
 | 
					        <div class="text-field overflow-scroll h-full w-full">
 | 
				
			||||||
            <pre class="break-words"><code>{{ result }}</code></pre>
 | 
					            <pre class="whitespace-pre-wrap"><code>{{ result }}</code></pre>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
        
 | 
					        
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user