added css class for tabs

This commit is contained in:
Burak Civan
2022-11-24 16:32:12 +03:00
parent 96fa22029a
commit bac9e56c62
8 changed files with 20 additions and 19 deletions

View File

@ -3,7 +3,7 @@
<div id="header" class="xl:pt-6 -mt-2">
<div class="flex flex-col sm:flex-row items-start justify-between sm:space-x-4 hide-empty-page">
<div data-page-title-first class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
<div class="flex items-center">
<div class="flex items-center space-y-4">
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
<x-title>
{!! $title !!}
@ -13,7 +13,7 @@
</h1>
@if (! empty($status))
<div class="ltr:ml-4 rtl:mr-4 mt-2">
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
{!! $status !!}
</div>
@endif

View File

@ -3,7 +3,7 @@
<div id="header" class="xl:pt-6 -mt-2">
<div class="flex flex-col sm:flex-row items-start justify-between sm:space-x-4 hide-empty-page">
<div data-page-title-first class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
<div class="flex items-center">
<div class="flex items-center space-y-4">
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
<x-title>
{!! $title !!}
@ -13,7 +13,7 @@
</h1>
@if (! empty($status))
<div class="ltr:ml-4 rtl:mr-4 mt-2">
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
{!! $status !!}
</div>
@endif

View File

@ -3,7 +3,7 @@
<div id="header" class="xl:pt-6 -mt-2">
<div class="flex flex-col sm:flex-row items-start justify-between sm:space-x-4 hide-empty-page">
<div data-page-title-first class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
<div class="flex items-center">
<div class="flex items-center space-y-4">
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
<x-title>
{!! $title !!}
@ -13,7 +13,7 @@
</h1>
@if (! empty($status))
<div class="ltr:ml-4 rtl:mr-4 mt-2">
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
{!! $status !!}
</div>
@endif

View File

@ -3,7 +3,7 @@
<div id="header" class="xl:pt-6 -mt-2">
<div lass="flex flex-col sm:flex-row items-start justify-between sm:space-x-4 hide-empty-page">
<div data-page-title-first class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
<div class="flex items-center">
<div class="flex items-center space-y-4">
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
<x-title>
{!! $title !!}
@ -13,7 +13,7 @@
</h1>
@if (! empty($status))
<div class="ltr:ml-4 rtl:mr-4 mt-2">
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
{!! $status !!}
</div>
@endif

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 whitespace-nowrap tabs-link"
class="relative flex-auto 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 whitespace-nowrap tabs-link"
class="relative flex-auto 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 }}"