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

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