Merge pull request #3219 from mervekaraman/master
Tab feature style fixed
This commit is contained in:
commit
8684fd9f87
|
|
@ -4,7 +4,7 @@
|
|||
data-notify="container"
|
||||
:class="[
|
||||
'alert alert-notify',
|
||||
'fixed flex items-center justify-between',
|
||||
'fixed w-full sm:w-500 flex items-center justify-between',
|
||||
{
|
||||
'rtl:right-0 ltr:left-0' : horizontalAlign == 'left',
|
||||
'sm:rtl:right-4 sm:ltr:left-4' : horizontalAlign == 'left',
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
]"
|
||||
role="alert"
|
||||
:style="customPosition"
|
||||
style="z-index: 100; max-width: 60%;"
|
||||
style="z-index: 100;"
|
||||
data-notify-position="top-center"
|
||||
>
|
||||
<div class="flex items-center ltr:pr-3 rtl:pl-3">
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@props(['id', 'name', 'href', 'active'])
|
||||
|
||||
<li
|
||||
class="relative flex-auto px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b whitespace-nowrap tabs-link"
|
||||
class="relative flex-auto px-4 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 flex-auto px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b whitespace-nowrap tabs-link"
|
||||
class="relative flex-auto px-4 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,4 +1,4 @@
|
|||
<button class="w-8 h-8 flex items-center justify-center px-2 py-2 rounded-xl text-purple text-sm font-medium leading-6"
|
||||
<button class="flex items-center justify-center ltr:ml-2 rtl:mr-2 rounded-xl text-purple text-sm font-medium leading-6"
|
||||
data-tooltip-target="{{ $id }}-pin"
|
||||
data-tooltip-placement="top"
|
||||
>
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
class="inline-block absolute invisible z-20 py-1 px-2 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 shadow-sm whitespace-nowrap opacity-0"
|
||||
>
|
||||
{{ trans('general.pin_text.unpin_tab') }}
|
||||
<div class="absolute w-2 h-2 before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border -bottom-1 before:border-t-0 before:border-l-0 border-gray-200" data-popper-top></div>
|
||||
<div class="absolute w-2 h-2 before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border -bottom-1 before:border-t-0 before:border-l-0 border-gray-200" data-popper-arrow></div>
|
||||
</div>
|
||||
@else
|
||||
<div
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
class=" inline-block absolute invisible z-20 py-1 px-2 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 shadow-sm whitespace-nowrap opacity-0"
|
||||
>
|
||||
{{ trans('general.pin_text.pin_tab') }}
|
||||
<div class="absolute w-2 h-2 w-auto before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border -bottom-1 before:border-t-0 before:border-l-0 border-gray-200" data-popper-top></div>
|
||||
<div class="absolute w-2 h-2 w-auto before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border -bottom-1 before:border-t-0 before:border-l-0 border-gray-200" data-popper-arrow></div>
|
||||
</div>
|
||||
@endif
|
||||
</button>
|
||||
|
|
|
|||
Loading…
Reference in New Issue