responsive compatibility controlled

This commit is contained in:
Burak Civan
2022-10-31 17:41:30 +03:00
parent a308bd3119
commit 4bea0a82e2
10 changed files with 43 additions and 39 deletions

View File

@@ -2,7 +2,7 @@
@if (! $hideNewDropdown)
<x-dropdown id="show-new-actions-{{ $contact->type }}">
<x-slot name="trigger" class="flex items-center px-3 py-1.5 mb-3 sm:mb-0 bg-green hover:bg-green-700 rounded-xl text-white text-sm font-bold leading-6" override="class">
<x-slot name="trigger" class="w-full flex items-center justify-between sm:justify-start px-3 py-1.5 mb-3 sm:mb-0 bg-green hover:bg-green-700 rounded-xl text-white text-sm font-bold leading-6" override="class">
{{ trans('general.new_more') }}
<span class="material-icons ltr:ml-2 rtl:mr-2">expand_more</span>
</x-slot>

View File

@@ -66,7 +66,7 @@
<x-show.content.left>
@stack('customer_address_start')
@if (! $hideAddress)
<div class="flex flex-col text-sm mb-5">
<div class="flex flex-col text-sm sm:mb-5">
<div class="font-medium">{{ trans('general.address') }}</div>
<span>{{ $contact->address }}<br>{{ $contact->location }}</span>
</div>
@@ -76,7 +76,7 @@
@stack('customer_tax_number_start')
@if (! $hideTaxNumber)
@if ($contact->tax_number)
<div class="flex flex-col text-sm mb-5">
<div class="flex flex-col text-sm sm:mb-5">
<div class="font-medium">{{ trans('general.tax_number') }}</div>
<span>{{ $contact->tax_number }}</span>
</div>
@@ -87,7 +87,7 @@
@stack('customer_website_start')
@if (! $hideWebsite)
@if ($contact->website)
<div class="flex flex-col text-sm mb-5">
<div class="flex flex-col text-sm sm:mb-5">
<div class="font-medium">{{ trans('general.website') }}</div>
<span>{{ $contact->website }}</span>
</div>
@@ -98,7 +98,7 @@
@stack('customer_reference_start')
@if (! $hideReference)
@if ($contact->reference)
<div class="flex flex-col text-sm mb-5">
<div class="flex flex-col text-sm sm:mb-5">
<div class="font-medium">{{ trans('general.reference') }}</div>
<span>{{ $contact->reference }}</span>
</div>
@@ -108,7 +108,7 @@
@stack('customer_client_portal_start')
@if (! $hideUser)
<div class="flex flex-col text-sm mb-5">
<div class="flex flex-col text-sm sm:mb-5">
<div class="flex items-center font-medium">
<div class="flex items-center cursor-default">
<x-tooltip id="tooltip-client-describe" placement="bottom" size="w-2/12" message="{{ trans('customers.client_portal_description') }}">

View File

@@ -1,3 +1,3 @@
<div class="flex flex-col lg:flex-row mt-12">
<div class="flex flex-col lg:flex-row sm:mt-12">
{!! $slot !!}
</div>

View File

@@ -1,3 +1,3 @@
<div class="lg:w-4/12 lg:border-r border-gray-300 pr-12">
<div class="lg:w-4/12 lg:border-r border-gray-300 pr-12 mb-4 sm:mb-0">
{!! $slot !!}
</div>

View File

@@ -1,11 +1,11 @@
<div class="w-full lg:w-5/12 flex items-center">
<div class="w-full lg:w-5/12 flex items-center mb-10 sm:mb-0">
@if (! empty($avatar) && $avatar->isNotEmpty())
<div class="w-12 h-12 flex items-center justify-center text-2xl font-regular border border-gray-300 rounded-full p-6">
{!! $avatar !!}
</div>
@endif
<div class="flex flex-col text-black text-sm font-medium ml-8">
<div class="flex flex-col text-black text-sm font-medium ml-2 sm:ml-8">
{!! $slot !!}
</div>
</div>

View File

@@ -1,4 +1,4 @@
<div class="w-full lg:w-7/12 flex items-center mt-5 lg:mt-0">
<div class="w-full lg:w-7/12 flex items-center">
@if (! empty($slot) && $slot->isNotEmpty())
{!! $slot !!}
@elseif (! empty($items))