Blocked buggy header editing

This commit is contained in:
2023-06-27 12:27:29 +02:00
parent 7fdcbf7a28
commit 1af0feb325
2 changed files with 4 additions and 4 deletions

View File

@@ -60,8 +60,8 @@ function addNewHeader(name : string, value : string){
<div class="w-52 px-4"></div>
</div>
<div class="flex flex-row gap-4" v-for="(item, index) in headerData" :key="index">
<input type="text" :value="index" class="text-field text-slate-400" disabled/>
<input type="text" :value="item" class="text-field text-slate-400" disabled/>
<input type="text" :value="index" class="text-field" disabled/>
<input type="text" :value="item" class="text-field" disabled/>
<button @click="deleteHeader(index)" class="w-56" :class="setEssentialHeaderStyle(index)">Remove</button>
</div>
<div class="flex flex-row gap-4">

View File

@@ -3,11 +3,11 @@
@tailwind utilities;
.inactive-button {
@apply py-2.5 px-4 h-fit text-slate-400 border border-slate-400 rounded-full
@apply py-2 px-4 h-fit text-slate-400 border border-slate-400 rounded-full
}
.tool-button {
@apply hover:brightness-110 py-2.5 px-4 h-fit rounded-full 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 hover:brightness-110 py-2 px-4 h-fit rounded-full 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
}
.text-field {