shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

applied hover component relating other pages

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/js/views/wizard/Currencies.vue
View File

@@ -121,7 +121,7 @@
<div v-if="currencies.length" class="w-full border-b hover:bg-gray-100" style="height:53px;">
<button type="button" class="w-full h-full flex items-center justify-center text-purple font-medium disabled:bg-gray-200" @click="onAddItem()">
<span class="material-icons-outlined text-base font-bold ltr:mr-1 rtl:ml-1">add</span>
<span class="border-b border-transparent transition-all">{{ translations.currencies.new_currency }}</span>
<span class="bg-no-repeat bg-0-2 bg-0-full hover:bg-full-2 bg-gradient-to-b from-transparent to-purple transition-backgroundSize">{{ translations.currencies.new_currency }}</span>
</button>
</div>

2
resources/assets/sass/app.css vendored
View File

@@ -93,7 +93,7 @@
}
table thead a {
@apply border-b border-transparent transition-all;
@apply bg-no-repeat bg-0-2 bg-0-full hover:bg-full-2 bg-gradient-to-b from-transparent to-black transition-backgroundSize;
}
table thead a:hover {

4
resources/views/common/dashboards/show.blade.php
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">

4
resources/views/common/reports/index.blade.php
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>

4
resources/views/components/documents/show/get-paid.blade.php
View File

@@ -35,9 +35,7 @@
override="class"
class="py-1.5 mb-3 sm:mb-0 text-xs bg-transparent hover:bg-transparent font-medium leading-6"
>
<span class="border-b border-transparent transition-all hover:border-black">
{{ trans('documents.accept_payment_online') }}
</span>
<x-text.hover text="{{ trans('documents.accept_payment_online') }}" color="to-black" />
</x-link>
@endif
</div>

4
resources/views/components/index/bulkaction/index.blade.php
View File

@@ -56,8 +56,8 @@
</div>
<div class="ltr:mr-4 rtl:ml-4" v-if="bulk_action.count">
<button type="button" class="text-sm border-b border-transparent transition-all hover:border-black" @click="onClearBulkAction">
<span>{{ trans('general.clear') }}</span>
<button type="button" @click="onClearBulkAction">
<x-text.hover text="{{ trans('general.clear') }}" color="to-black" />
</button>
</div>
</div>

4
resources/views/components/layouts/admin/menu.blade.php
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')

20
resources/views/components/layouts/modules/bar.blade.php
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>

4
resources/views/components/layouts/portal/menu.blade.php
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')

4
resources/views/components/modules/items.blade.php
View File

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

4
resources/views/components/show/accordion/head.blade.php
View File

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

4
resources/views/components/show/no-records.blade.php
View File

@@ -22,8 +22,8 @@
@if (! empty($button) && $button->isNotEmpty())
{!! $button !!}
@else
<a href="{!! $url !!}" class="border-b border-transparent transition-all hover:border-white">
{{ $textAction }}
<a href="{!! $url !!}">
<x-text.hover text="{{ $textAction }}" color="to-white" />
</a>
@endif
</div>

4
resources/views/components/tips/fixed.blade.php
View File

@@ -14,8 +14,8 @@
{!! $item->description !!}
</p>
<a href="{{ $item->action }}" class="font-light text-sm border-b border-transparent transition-all hover:border-black" target="_blank">
{{ $item->learn_more }}
<a href="{{ $item->action }}" class="font-light text-sm" target="_blank">
<x-text.hover text="{{ $item->learn_more }}" color="to-black" />
</a>
</div>

4
resources/views/components/tips/relative.blade.php
View File

@@ -14,8 +14,8 @@
{!! $item->description !!}
</p>
<a href="{{ $item->action }}" class="font-light text-sm border-b border-transparent transition-all hover:border-black">
{{ $item->learn_more }}
<a href="{{ $item->action }}" class="font-light text-sm">
<x-text.hover text="{{ $item->learn_more }}" color="to-black" />
</a>
</div>

4
resources/views/components/transactions/show/attachment.blade.php
View File

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

4
resources/views/components/transactions/show/children.blade.php
View File

@@ -2,8 +2,8 @@
<button class="relative w-full text-left cursor-pointer group"
x-on:click="children !== 1 ? children = 1 : children = null"
>
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
{{ trans_choice('general.transactions', 2) }}
<span class="font-medium">
<x-text.hover text="{{ trans_choice('general.transactions', 2) }}" color="to-black" />
</span>
<div class="text-black-400 text-sm">

4
resources/views/components/transactions/show/create.blade.php
View File

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

4
resources/views/components/transactions/show/schedule.blade.php
View File

@@ -7,8 +7,8 @@
<button class="relative w-full text-left cursor-pointer group"
x-on:click="schedule !== 1 ? schedule = 1 : schedule = null"
>
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
{{ trans_choice('general.schedules', 1) }}
<span class="font-medium">
<x-text.hover text="{{ trans_choice('general.schedules', 1) }}" color="to-black" />
</span>
<div class="text-black-400 text-sm">

4
resources/views/components/transfers/show/attachment.blade.php
View File

@@ -1,8 +1,8 @@
@if ($transfer->attachment)
<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 border-b border-transparent transition-all group-hover:border-black">
{{ trans_choice('general.attachments', 2) }}
<span class="font-medium">
<x-text.hover text="{{ trans_choice('general.attachments', 2) }}" color="to-black" />
</span>
<div class="text-black-400 text-sm">

4
resources/views/components/transfers/show/create.blade.php
View File

@@ -2,8 +2,8 @@
<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 border-b border-transparent transition-all group-hover:border-black">
{{ trans('general.create') }}
<span class="font-medium">
<x-text.hover text="{{ trans('general.create') }}" color="to-black" />
</span>
<div class="text-black-400 text-sm">

5
resources/views/livewire/report/pins.blade.php
View File

@@ -7,10 +7,9 @@
])
>
<span class="material-icons-outlined text-4xl transition-all text-black-400">{{ $icons[$report->id] }}</span>
<div class="h-10 font-medium text-sm mt-2">
<span class="border-b border-transparent transition-all group-hover:border-black">
{{ $report->name }}
</span>
<x-text.hover text="{{ $report->name }}" color="to-black" />
</div>
</a>
@endforeach

2
resources/views/portal/invoices/preview.blade.php
View File

@@ -106,7 +106,7 @@
@foreach ($invoice->transactions as $transaction)
<div class="my-2">
<span>
<x-link href="{{ route('preview.payments.show', $transaction->id) }}" class="text-black border-b border-transparent transition-all hover:border-black" override="class">
<x-link href="{{ route('preview.payments.show', $transaction->id) }}" class="text-black bg-no-repeat bg-0-2 bg-0-full hover:bg-full-2 bg-gradient-to-b from-transparent to-black transition-backgroundSize" override="class">
<x-date :date="$transaction->paid_at" />
</x-link>
- {!! trans('documents.transaction', [

2
resources/views/portal/invoices/show.blade.php
View File

@@ -102,7 +102,7 @@
@foreach ($invoice->transactions as $transaction)
<div class="my-2">
<span>
<x-link href="{{ route('portal.payments.show', $transaction->id) }}" class="text-black border-b border-transparent transition-all hover:border-black" override="class">
<x-link href="{{ route('portal.payments.show', $transaction->id) }}" class="text-black bg-no-repeat bg-0-2 bg-0-full hover:bg-full-2 bg-gradient-to-b from-transparent to-black transition-backgroundSize" override="class">
<x-date :date="$transaction->paid_at" />
</x-link>
- {!! trans('documents.transaction', [

2
resources/views/portal/invoices/signed.blade.php
View File

@@ -105,7 +105,7 @@
@foreach ($invoice->transactions as $transaction)
<div class="my-2">
<span>
<x-link href="{{ \URL::signedRoute('portal.payments.show', [$transaction->id]) }}" class="text-black border-b border-transparent transition-all hover:border-black" override="class">
<x-link href="{{ \URL::signedRoute('portal.payments.show', [$transaction->id]) }}" class="text-black bg-no-repeat bg-0-2 bg-0-full hover:bg-full-2 bg-gradient-to-b from-transparent to-black transition-backgroundSize" override="class">
<x-date :date="$transaction->paid_at" />
</x-link>
- {!! trans('documents.transaction', [

4
resources/views/portal/payments/preview.blade.php
View File

@@ -24,9 +24,7 @@
<div class="w-full lg:w-5/12 space-y-8">
<div class="border-b-2 border-gray-200 pb-1">
<div class="relative w-full text-left group">
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
{{ trans('portal.received_date') }}
</span>
<x-text.hover text="{{ trans('portal.received_date') }}" color="to-black" />
</div>
<div class="relative overflow-hidden transition-all duration-700">

4
resources/views/portal/payments/show.blade.php
View File

@@ -22,9 +22,7 @@
<div class="w-full lg:w-5/12 space-y-8">
<div class="border-b-2 border-gray-200 pb-1">
<div class="relative w-full text-left group">
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
{{ trans('portal.received_date') }}
</span>
<x-text.hover text="{{ trans('portal.received_date') }}" color="to-black" />
</div>
<div class="relative overflow-hidden transition-all duration-700">

4
resources/views/portal/payments/signed.blade.php
View File

@@ -32,9 +32,7 @@
<div class="w-full lg:w-5/12 space-y-8">
<div class="border-b-2 border-gray-200 pb-1">
<div class="relative w-full text-left group">
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
{{ trans('portal.received_date') }}
</span>
<x-text.hover text="{{ trans('portal.received_date') }}" color="to-black" />
</div>
<div class="relative overflow-hidden transition-all duration-700">

2
resources/views/widgets/receivables_payables.blade.php
View File

@@ -28,7 +28,7 @@
</span>
<button id="dashboard-widget-{{ strtolower(class_basename($class)) }}-overdue" type="button" class="flex items-center text-black-400 font-medium group" data-dropdown-toggle="widgets-list-{{ $class->model->id }}">
<span class="border-b border-transparent transition-all group-hover:border-black-400"> {{ $totals['overdue'] }} </span>
<x-text.hover text="{{ $totals['overdue'] }}" color="to-black-400" />
<div class="relative flex">
<span class="material-icons-round cursor-pointer">arrow_drop_down</span>