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,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">

View File

@ -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') }}:

View File

@ -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') }}:

View File

@ -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>

View File

@ -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,

View File

@ -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))

View File

@ -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>

View File

@ -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 }}"

View File

@ -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 }}"

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>