updated vue styling
This commit is contained in:
parent
a8adeff326
commit
7ba3313add
|
|
@ -10,7 +10,7 @@
|
|||
]"
|
||||
:error="formError">
|
||||
<div class="flex justify-between relative mt-1" ref="reference">
|
||||
<input type="text" @change="change" :name="name" :id="name" v-model="color" @keyup="addColor" class="w-full text-sm px-3 py-2.5 mt-1 rounded-lg border border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple">
|
||||
<input type="text" @change="change" :name="name" :id="name + '_' + _uid" v-model="color" @keyup="addColor" class="w-full text-sm px-3 py-2.5 mt-1 rounded-lg border border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple">
|
||||
|
||||
<div class="absolute w-7 h-7 flex rounded-full my-auto bottom-2 ltr:right-2 rtl:left-2 cursor-pointer"
|
||||
ref="dropdownMenu"
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
<div class="relative sm:col-span-6 pt-3">
|
||||
<div style="table-layout: fixed;">
|
||||
<div class="overflow-x-visible overflow-y-hidden">
|
||||
<table class="w-full" id="items" style="table-layout: fixed">
|
||||
<table class="w-full" :id="'items-' + _uid" style="table-layout: fixed">
|
||||
<thead class="border-b">
|
||||
<tr>
|
||||
<th colspan="3" class="w-12/12 px-0 text-left border-t-0 border-r-0 border-b-0">
|
||||
|
|
@ -133,7 +133,7 @@
|
|||
</td>
|
||||
</tr>
|
||||
|
||||
<tr id="addItem">
|
||||
<tr :id="'addItem-' + _uid">
|
||||
<td colspan="3" class="w-12/12 p-0">
|
||||
<akaunting-document-button
|
||||
:items="documents"
|
||||
|
|
@ -154,14 +154,14 @@
|
|||
|
||||
<div class="sm:col-span-6">
|
||||
<div class="overflow-y-hidden py-5">
|
||||
<table id="totals" class="float-right">
|
||||
<table :id="'totals-' + _uid" class="float-right">
|
||||
<colgroup>
|
||||
<col style="width: 51.5%;">
|
||||
<col style="width: 30%;">
|
||||
<col style="width: 18.5%;">
|
||||
</colgroup>
|
||||
<tbody id="document-total-rows">
|
||||
<tr id="tr-total">
|
||||
<tbody :id="'document-total-rows-' + _uid">
|
||||
<tr :id="'tr-total-' + _uid">
|
||||
<td class="border-t-0 p-0"></td>
|
||||
|
||||
<td class="font-medium text-sm text-right border-r-0 border-b-0 align-middle py-0 pr-0">
|
||||
|
|
@ -183,7 +183,7 @@
|
|||
</td>
|
||||
</tr>
|
||||
|
||||
<tr id="tr-transaction-amount">
|
||||
<tr :id="'tr-transaction-amount-' + _uid">
|
||||
<td class="border-t-0 p-0"></td>
|
||||
|
||||
<td class="font-medium text-sm text-right border-r-0 border-b-0 align-middle py-0 pr-0">
|
||||
|
|
@ -219,7 +219,7 @@
|
|||
</td>
|
||||
</tr>
|
||||
|
||||
<tr id="tr-difference">
|
||||
<tr :id="'tr-difference-' + _uid">
|
||||
<td class="border-t-0 p-0"></td>
|
||||
|
||||
<td class="font-medium text-sm text-right border-r-0 border-b-0 align-middle py-0 pr-0">
|
||||
|
|
|
|||
|
|
@ -135,7 +135,7 @@
|
|||
|
||||
<span slot="infoBlock" class="absolute right-8 top-3 bg-green text-white px-2 py-1 rounded-md text-xs" v-if="new_options[selected] || (sorted_options.length && sorted_options[sorted_options.length - 1].mark_new && sorted_options[sorted_options.length - 1].key == selected)">{{ addNew.new_text }}</span>
|
||||
|
||||
<select :name="name" :id="name" class="hidden">
|
||||
<select :name="name" :id="name + '-' + _uid" class="hidden">
|
||||
<option v-for="option in sortedOptions" :key="option.key" :value="option.key">{{ option.value }}</option>
|
||||
</select>
|
||||
</base-input>
|
||||
|
|
|
|||
|
|
@ -143,7 +143,7 @@
|
|||
|
||||
<span slot="infoBlock" class="absolute right-8 top-3 bg-green text-white px-2 py-1 rounded-md text-xs" v-if="new_options[selected] || (sorted_options.length && sorted_options[sorted_options.length - 1].mark_new && sorted_options[sorted_options.length - 1].key == selected)">{{ addNew.new_text }}</span>
|
||||
|
||||
<select :name="name" :id="name" class="hidden">
|
||||
<select :name="name" :id="name + '-' + _uid" class="hidden">
|
||||
<option v-for="option in sortedOptions" :key="option.key" :value="option.key">{{ option.value }}</option>
|
||||
</select>
|
||||
|
||||
|
|
@ -272,7 +272,7 @@
|
|||
|
||||
<span slot="infoBlock" class="absolute right-8 top-3 bg-green text-white px-2 py-1 rounded-md text-xs" v-if="new_options[selected] || (sorted_options.length && sorted_options[sorted_options.length - 1].mark_new && sorted_options[sorted_options.length - 1].key == selected)">{{ addNew.new_text }}</span>
|
||||
|
||||
<select :name="name" :id="name" v-model="selected" class="d-none">
|
||||
<select :name="name" :id="name + '-' + _uid" v-model="selected" class="d-none">
|
||||
<option v-for="option in sortedOptions" :key="option.key" :value="option.key">{{ option.value }}</option>
|
||||
</select>
|
||||
</span>
|
||||
|
|
|
|||
Loading…
Reference in New Issue