group-hover development for relating component

This commit is contained in:
Burak Civan
2022-06-23 14:35:59 +03:00
parent 60668d9817
commit f9e66a761e
15 changed files with 23 additions and 20 deletions

View File

@ -11,7 +11,7 @@
@if ($attributes->has('route'))
<div class="flex justify-center items-center group">
<a href="{{ route($attributes->get('route')) }}">
<x-text.hover text="{{ trans('modules.see_all_type', ['type' => $attributes->get('title')]) }}" color="to-black" />
<x-text.hover text="{{ trans('modules.see_all_type', ['type' => $attributes->get('title')]) }}" color="to-black" group-hover />
</a>
<i class="material-icons text-sm ltr:ml-1 rtl:mr-1 transform transition-all group-hover:translate-x-1">arrow_forward</i>

View File

@ -1,6 +1,6 @@
<div>
<h2 class="lg:text-lg font-medium text-black">
<x-text.hover text="{{ $title }}" color="to-black" />
<x-text.hover text="{{ $title }}" color="to-black" group-hover />
</h2>
@if (! empty($description))

View File

@ -1,11 +1,15 @@
@props(['color', 'text'])
@props(['color', 'text', 'groupHover'])
@php
if (empty($color)) {
$color = 'to-purple';
}
if (empty($groupHover)) {
$groupHover = false;
}
@endphp
<span class="bg-no-repeat bg-0-2 bg-0-full hover:bg-full-2 bg-gradient-to-b from-transparent {{ $color }} transition-backgroundSize">
<span class="bg-no-repeat bg-0-2 bg-0-full {{ $groupHover ? 'group-hover:bg-full-2' : 'hover:bg-full-2' }} bg-gradient-to-b from-transparent {{ $color }} transition-backgroundSize">
{{ $text }}
</span>

View File

@ -6,7 +6,7 @@
x-on:click="attachment !== 1 ? attachment = 1 : attachment = null"
>
<span class="font-medium">
<x-text.hover text="{{ trans_choice('general.attachments', 2) }}" color="to-black" />
<x-text.hover text="{{ trans_choice('general.attachments', 2) }}" color="to-black" group-hover />
</span>
<div class="text-black-400 text-sm">

View File

@ -3,7 +3,7 @@
x-on:click="children !== 1 ? children = 1 : children = null"
>
<span class="font-medium">
<x-text.hover text="{{ trans_choice('general.transactions', 2) }}" color="to-black" />
<x-text.hover text="{{ trans_choice('general.transactions', 2) }}" color="to-black" group-hover />
</span>
<div class="text-black-400 text-sm">

View File

@ -8,7 +8,7 @@
x-on:click="schedule !== 1 ? schedule = 1 : schedule = null"
>
<span class="font-medium">
<x-text.hover text="{{ trans_choice('general.schedules', 1) }}" color="to-black" />
<x-text.hover text="{{ trans_choice('general.schedules', 1) }}" color="to-black" group-hover />
</span>
<div class="text-black-400 text-sm">

View File

@ -2,7 +2,7 @@
<div class="border-b border-gray-200 pb-4" x-data="{ attachment : null }">
<div class="relative w-full text-left cursor-pointer group" x-on:click="attachment !== 1 ? attachment = 1 : attachment = null">
<span class="font-medium">
<x-text.hover text="{{ trans_choice('general.attachments', 2) }}" color="to-black" />
<x-text.hover text="{{ trans_choice('general.attachments', 2) }}" color="to-black" group-hover />
</span>
<div class="text-black-400 text-sm">

View File

@ -3,7 +3,7 @@
<div class="border-b pb-4" x-data="{ create : null }">
<button class="relative w-full text-left group" x-on:click="create !== 1 ? create = 1 : create = null">
<span class="font-medium">
<x-text.hover text="{{ trans('general.create') }}" color="to-black" />
<x-text.hover text="{{ trans('general.create') }}" color="to-black" group-hover />
</span>
<div class="text-black-400 text-sm">