responsive controlled first commit
This commit is contained in:
@ -30,7 +30,7 @@
|
||||
<x-index.bulkaction.all />
|
||||
</x-table.th>
|
||||
|
||||
<x-table.th class="w-5/12">
|
||||
<x-table.th class="w-8/12 sm:w-5/12">
|
||||
<x-sortablelink column="name" title="{{ trans('general.name') }}" />
|
||||
</x-table.th>
|
||||
|
||||
@ -38,7 +38,7 @@
|
||||
<x-sortablelink column="email" title="{{ trans('general.email') }}" />
|
||||
</x-table.th>
|
||||
|
||||
<x-table.th class="w-4/12 sm:w-3/12" kind="right">
|
||||
<x-table.th class="w-4/12" kind="right">
|
||||
{{ trans_choice('general.roles', 1) }}
|
||||
</x-table.th>
|
||||
</x-table.tr>
|
||||
@ -55,7 +55,7 @@
|
||||
/>
|
||||
</x-table.td>
|
||||
|
||||
<x-table.td class="w-4/12 sm:w-5/12">
|
||||
<x-table.td class="w-8/12 sm:w-5/12">
|
||||
<div class="flex items-center space-x-2">
|
||||
@if (setting('default.use_gravatar', '0') == '1')
|
||||
<img src="{{ $item->picture }}" class="w-6 h-6 rounded-full mr-2 hidden lg:block text-transparent" title="{{ $item->name }}" alt="{{ $item->name }}">
|
||||
@ -81,7 +81,7 @@
|
||||
{{ $item->email }}
|
||||
</x-table.td>
|
||||
|
||||
<x-table.td class="w-3/12" kind="right">
|
||||
<x-table.td class="w-4/12" kind="right">
|
||||
<div class="space-x-2">
|
||||
@foreach($item->roles as $role)
|
||||
<span class="bg-lilac-900 px-2 py-0.5 test-xs rounded-lg text-black">
|
||||
|
@ -166,7 +166,7 @@
|
||||
|
||||
@if ($transactions->count())
|
||||
<table class="min-w-full divide-y divide-gray-200">
|
||||
<tbody class="float-right">
|
||||
<tbody class="sm:float-right">
|
||||
<tr class="border-b">
|
||||
<th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black">
|
||||
{{ trans('reconciliations.opening_balance') }}:
|
||||
|
@ -115,7 +115,7 @@
|
||||
|
||||
@if ($transactions->count())
|
||||
<table class="min-w-full divide-y divide-gray-200">
|
||||
<tbody class="float-right">
|
||||
<tbody class="sm:float-right">
|
||||
<tr class="border-b">
|
||||
<th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black">
|
||||
{{ trans('reconciliations.opening_balance') }}:
|
||||
|
@ -64,7 +64,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-full lg:w-1/2 flex justify-end lg:mt-60">
|
||||
<div class="w-full lg:w-1/2 flex justify-end mt-8 lg:mt-60">
|
||||
<img src="{{ $image }}" alt="{{ $title }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,7 +1,7 @@
|
||||
@stack($name . '_input_start')
|
||||
<div
|
||||
@class([
|
||||
'grid grid-cols-6 gap-8',
|
||||
'grid sm:grid-cols-6 gap-8',
|
||||
$formGroupClass,
|
||||
'required' => $required,
|
||||
'readonly' => $readonly,
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div class="flex items-center justify-center text-black mt-5 sm:mt-10 mb-10">
|
||||
<div class="flex items-center justify-center text-black mt-10 mb-10">
|
||||
@if (! empty($slot) && $slot->isNotEmpty())
|
||||
{!! $slot !!}
|
||||
@elseif (! empty($items))
|
||||
|
@ -2,7 +2,7 @@
|
||||
|
||||
<div x-data="{ active: window.location.hash.split('#')[1] == undefined ? '{{ $active }}' : window.location.hash.split('#')[1] }">
|
||||
<div>
|
||||
<ul {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'flex items-center']) : $attributes }}>
|
||||
<ul {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'flex items-center overflow-x-scroll lg:overflow-visible']) : $attributes }}>
|
||||
{!! $navs !!}
|
||||
</ul>
|
||||
</div>
|
||||
|
@ -1,7 +1,7 @@
|
||||
@props(['id', 'name', 'href', 'active'])
|
||||
|
||||
<li
|
||||
class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b tabs-link"
|
||||
class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b whitespace-nowrap tabs-link"
|
||||
id="tab-{{ $id }}"
|
||||
data-id="tab-{{ $id }}"
|
||||
data-tabs="{{ $id }}"
|
||||
|
@ -1,7 +1,7 @@
|
||||
@props(['id', 'name', 'active'])
|
||||
|
||||
<li
|
||||
class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b tabs-link"
|
||||
class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b whitespace-nowrap tabs-link"
|
||||
id="tab-{{ $id }}"
|
||||
data-id="tab-{{ $id }}"
|
||||
data-tabs="{{ $id }}"
|
||||
|
@ -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>
|
||||
|
Reference in New Issue
Block a user