responsive controlled first commit

This commit is contained in:
Burak Civan
2022-10-31 17:03:15 +03:00
parent dd2af1ccb8
commit a308bd3119
14 changed files with 365 additions and 27 deletions

View File

@ -30,30 +30,39 @@
<x-slot name="body">
<div class="sm:col-span-2 rounded-lg cursor-pointer text-center py-2 px-2">
<label class="cursor-pointer">
<div @click="form.template='default'">
<div @click="form.template='default'" class="flex flex-col items-center">
<img src="{{ asset('public/img/invoice_templates/default.png') }}" class="h-60 my-3" alt="Default" />
<input type="radio" name="template" value="default" v-model="form._template">
{{ trans('settings.invoice.default') }}
<div class="flex items-center space-x-2 rtl:space-x-reverse">
<input type="radio" name="template" value="default" v-model="form._template">
<span> {{ trans('settings.invoice.default') }} </span>
</div>
</div>
</label>
</div>
<div class="sm:col-span-2 rounded-lg cursor-pointer text-center py-2 px-2">
<label class="cursor-pointer">
<div @click="form.template='classic'">
<div @click="form.template='classic'" class="flex flex-col items-center">
<img src="{{ asset('public/img/invoice_templates/classic.png') }}" class="h-60 my-3" alt="Classic" />
<input type="radio" name="template" value="classic" v-model="form._template">
{{ trans('settings.invoice.classic') }}
<div class="flex items-center space-x-2 rtl:space-x-reverse">
<input type="radio" name="template" value="classic" v-model="form._template">
<span> {{ trans('settings.invoice.classic') }} </span>
</div>
</div>
</label>
</div>
<div class="sm:col-span-2 rounded-lg cursor-pointer text-center py-2 px-2">
<label class="cursor-pointer">
<div @click="form.template='modern'">
<div @click="form.template='modern'" class="flex flex-col items-center">
<img src="{{ asset('public/img/invoice_templates/modern.png') }}" class="h-60 my-3" alt="Modern" />
<input type="radio" name="template" value="modern" v-model="form._template">
{{ trans('settings.invoice.modern') }}
<div class="flex items-center space-x-2 rtl:space-x-reverse">
<input type="radio" name="template" value="modern" v-model="form._template">
<span> {{ trans('settings.invoice.modern') }} </span>
</div>
</div>
</label>
</div>