Implemented XML Formatter and simplified structure of XML tools #229
@@ -6,9 +6,9 @@ import SidebarComponent from '@components/sidebar/SidebarComponent.vue';
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
  <div id="layout" class="flex h-screen 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-br from-sky-50 to-indigo-200 dark:from-slate-800 dark:to-indigo-950">
 | 
			
		||||
    <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-blue-50 dark:bg-gray-700 rounded-2xl shadow-md">
 | 
			
		||||
      <RouterView></RouterView>
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
 
 | 
			
		||||
@@ -4,7 +4,7 @@
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
   <div class="flex flex-col gap-4 text-center font-thin dark:text-slate-400 ">
 | 
			
		||||
   <div class="flex flex-col gap-4 text-center font-thin text-slate-600 dark:text-slate-400 ">
 | 
			
		||||
        <div class="flex flex-col">
 | 
			
		||||
            <a href="mailto:bugs@release11.com">Found a bug?</a>
 | 
			
		||||
            <a href="#" class="hidden">Privacy Policy</a>
 | 
			
		||||
 
 | 
			
		||||
@@ -17,7 +17,7 @@ const props = defineProps(
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
    <div class="w-full mb-4 p-2 rounded-xl shadow-md bg-gradient-to-r from-blue-400 to-blue-200 dark:from-sky-700 dark:to-sky-900">
 | 
			
		||||
    <div class="w-full mb-4 p-2 rounded-xl shadow-md bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
 | 
			
		||||
        <button @click="switchHiddenElement()" type="button" :class="[isActive ? 'rounded-lg' : 'rounded-lg']" class="w-full p-2 text-lg font-bold text-gray-900 transition duration-75 hover:bg-blue-100 dark:text-gray-100  dark:hover:bg-slate-600">
 | 
			
		||||
            <span class="flex-1 whitespace-nowrap">{{props.categoryName}}</span>
 | 
			
		||||
        </button>
 | 
			
		||||
 
 | 
			
		||||
@@ -3,7 +3,7 @@
 | 
			
		||||
@tailwind utilities;
 | 
			
		||||
 | 
			
		||||
.tool-button {
 | 
			
		||||
    @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
 | 
			
		||||
    @apply py-1 px-4 rounded-full w-fit bg-gradient-to-r from-blue-300 to-blue-200 dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.text-field {
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user