Visual fixes
This commit is contained in:
		@@ -27,6 +27,6 @@ function remove() {
 | 
			
		||||
<template>
 | 
			
		||||
    <div @click="activate" :class=" isActive ? 'tab-active' : 'tab'" class="flex flex-row gap-3 cursor-pointer">
 | 
			
		||||
        <button class="hover:brightness-110"><slot /></button>
 | 
			
		||||
        <button @click="remove" class="hover:brightness-110 hover:dark:bg-slate-400 hover:dark:text-black px-2 rounded-full">x</button>
 | 
			
		||||
        <button @click="remove" class="hover:brightness-110 hover:bg-blue-100 hover:dark:bg-slate-400 hover:dark:text-black px-2 rounded-full">x</button>
 | 
			
		||||
    </div>
 | 
			
		||||
</template>
 | 
			
		||||
@@ -63,7 +63,7 @@ function readFile(file : any) {
 | 
			
		||||
                    <input id="fileLoader" ref="inputFile" class="file-selector" type="file" accept=".xml,.xql,.xquery,.xslt,text/xml,text/plain" @change="readFile" />
 | 
			
		||||
                </div>
 | 
			
		||||
                
 | 
			
		||||
                <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="(data: string) => updateData(data)"></InsertTemplateComponent>
 | 
			
		||||
                <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="updateData"></InsertTemplateComponent>
 | 
			
		||||
                <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
 | 
			
		||||
                <button class="tool-button" @click="clear">Clear</button>
 | 
			
		||||
            </div>
 | 
			
		||||
 
 | 
			
		||||
@@ -142,7 +142,7 @@ function findIndexWithID(id : number) : number {
 | 
			
		||||
        <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-auto">
 | 
			
		||||
                <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="(data: string) => updateData(data)"></InsertTemplateComponent>
 | 
			
		||||
                <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="updateData"></InsertTemplateComponent>
 | 
			
		||||
                <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
 | 
			
		||||
                <button class="tool-button" @click="clear">Clear</button>
 | 
			
		||||
            </div>
 | 
			
		||||
 
 | 
			
		||||
@@ -41,5 +41,5 @@
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.tab-active {
 | 
			
		||||
    @apply py-2 px-3 h-fit text-slate-400 border-t border-l border-r border-slate-400 rounded-t-2xl bg-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 | 
			
		||||
    @apply py-2 px-3 h-fit text-slate-700 border-t border-l border-r border-slate-400 rounded-t-2xl bg-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user