TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-27 11:41:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

refactor template

Browse Source
This commit is contained in:
Jay_Makwana
2020-12-22 13:15:09 +05:30
parent d07b63c365
commit 422bf74600
2 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
resources/assets/js/components/base/modal/EstimateTemplate.vue
View File

@ -9,7 +9,7 @@
'border border-solid border-primary-500': 'border border-solid border-primary-500':
selectedTemplate === template.id, selectedTemplate === template.id,
}" }"
class="relative m-2 border border-gray-200 border-solid" class="relative m-2 border border-gray-200 border-solid flex flex-col"
> >
<img <img
:src="template.path" :src="template.path"
@ -24,6 +24,17 @@
style="top: -6px; right: -5px" style="top: -6px; right: -5px"
src="/assets/img/tick.png" src="/assets/img/tick.png"
/> />
<span
:class="[
'w-full p-0.5 bg-primary-100 text-xs text-center font-thin',
{
'text-primary-500': selectedTemplate === template.id,
'text-gray-600': selectedTemplate != template.id,
},
]"
>
{{ template.name }}
</span>
</div> </div>
</div> </div>
</div> </div>

13
resources/assets/js/components/base/modal/InvoiceTemplate.vue
View File

@ -9,7 +9,7 @@
'border border-solid border-primary-500': 'border border-solid border-primary-500':
selectedTemplate === template.id, selectedTemplate === template.id,
}" }"
class="relative m-2 border border-gray-200 border-solid" class="relative m-2 border border-gray-200 border-solid flex flex-col"
> >
<img <img
:src="template.path" :src="template.path"
@ -24,6 +24,17 @@
style="top: -6px; right: -5px" style="top: -6px; right: -5px"
src="/assets/img/tick.png" src="/assets/img/tick.png"
/> />
<span
:class="[
'w-full p-0.5 bg-primary-100 text-xs text-center font-thin',
{
'text-primary-500': selectedTemplate === template.id,
'text-gray-600': selectedTemplate != template.id,
},
]"
>
{{ template.name }}
</span>
</div> </div>
</div> </div>
</div> </div>