applied hover component relating other pages

This commit is contained in:
Burak Civan
2022-06-23 14:21:07 +03:00
parent 2262600b37
commit 60668d9817
29 changed files with 60 additions and 117 deletions

View File

@ -113,9 +113,7 @@
<div class="flex ltr:ml-2 rtl:mr-2">
<span class="w-28 text-left block text-base truncate">
<span class="border-b border-transparent transition-all hover:border-black">
{{ Str::limit(setting('company.name'), 22) }}
</span>
<x-text.hover text="{{ Str::limit(setting('company.name'), 22) }}" color="to-black" />
</span>
@can('read-common-companies')

View File

@ -14,9 +14,7 @@
<div class="grid grid-cols-2 gap-2">
@foreach ($categories as $slug => $category)
<x-link href="{{ $categoryUrl($slug) }}" class="font-semibold text-sm ltr:pr-4 rtl:pl-4 lg:pr-0 truncate bg-transparent" override="class">
<span class="border-b border-transparent transition-all hover:border-black">
{{ $category }}
</span>
<x-text.hover text="{{ $category }}" color="to-black" />
</x-link>
@endforeach
</div>
@ -80,27 +78,19 @@
<div class="flex flex-row items-end lg:items-center mb-1 divide-x divide-black-400">
<x-link href="{{ route('apps.home.index') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
<span class="border-b border-transparent transition-all hover:border-black-400">
{{ trans('modules.home') }}
</span>
<x-text.hover text="{{ trans('modules.home') }}" color="to-black-400" />
</x-link>
<x-link href="{{ route('apps.new') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
<span class="border-b border-transparent transition-all hover:border-black-400">
{{ trans('modules.new') }}
</span>
<x-text.hover text="{{ trans('modules.new') }}" color="to-black-400" />
</x-link>
<x-link href="{{ route('apps.paid') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
<span class="border-b border-transparent transition-all hover:border-black-400">
{{ trans('modules.top_paid') }}
</span>
<x-text.hover text="{{ trans('modules.top_paid') }}" color="to-black-400" />
</x-link>
<x-link href="{{ route('apps.free') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
<span class="border-b border-transparent transition-all hover:border-black-400">
{{ trans('modules.top_free') }}
</span>
<x-text.hover text="{{ trans('modules.top_free') }}" color="to-black-400" />
</x-link>
</div>
</div>

View File

@ -84,9 +84,7 @@
<div class="flex ltr:ml-2 rtl:mr-2">
<span class="w-28 text-left block text-base truncate">
<span class="border-b border-transparent transition-all hover:border-black">
{{ Str::limit(setting('company.name'), 22) }}
</span>
<x-text.hover text="{{ Str::limit(setting('company.name'), 22) }}" color="to-black" />
</span>
@can('read-common-companies')