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

@ -8,8 +8,8 @@
<div class="flex items-center relative cursor-pointer">
<x-dropdown id="dashboard-list">
<x-slot name="trigger" class="flex items-center" override="class">
<span class="text-2xl xl:text-5xl text-black font-light truncate border-b border-transparent transition-all hover:text-black-700 hover:border-black">
{{ $dashboard->name }}
<span class="text-2xl xl:text-5xl text-black font-light truncate">
<x-text.hover text="{{ $dashboard->name }}" color="to-black-700" />
</span>
<svg class="w-5 h-5 mt-1 text-gray-400" x-description="Heroicon name: solid/selector" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">

View File

@ -42,9 +42,7 @@
<div class="ltr:ml-2 rtl:mr-2">
<h2 class="mb-1">
<span class="border-b border-transparent transition-all group-hover:border-black">
{{ $report->name }}
</span>
<x-text.hover text="{{ $report->name }}" color="to-black" />
</h2>
<span class="text-black-400 text-sm">{{ $report->description }}</span>