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

responsive testing

Browse Source
This commit is contained in:
Burak Civan 2022-08-01 17:49:06 +03:00
parent 0f301d59b0
commit 9099a3e2ab
8 changed files with 612 additions and 355551 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

356110
public/css/app.css vendored
View File

File diff suppressed because it is too large Load Diff

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

@ -273,7 +273,7 @@
}
.el-select-dropdown__item .badge-success {
@apply absolute bg-green text-white px-2 py-1 ltr:right-4 rtl:left-4 rounded-md text-xs text-right m-0;
@apply absolute bg-green text-white px-2 py-1 ltr:right-8 rtl:left-8 rounded-md text-xs text-right m-0;
width: auto;
}
@ -514,6 +514,11 @@ html[dir='rtl'] .el-input__suffix {
.small-col {
width: auto !important;
}
.information-content {
transform: unset !important;
margin-top: 70px !important;
}
}
#nprogress .bar {

8
resources/views/banking/accounts/show.blade.php
View File

@ -225,7 +225,7 @@
<x-table>
<x-table.thead>
<x-table.tr class="flex items-center px-1">
<x-table.th class="w-3/12">
<x-table.th class="w-6/12 lg:w-3/12">
<x-slot name="first">
<x-sortablelink column="paid_at" title="{{ trans('general.date') }}" />
</x-slot>
@ -252,7 +252,7 @@
</x-slot>
</x-table.th>
<x-table.th class="w-3/12" kind="amount">
<x-table.th class="w-6/12 lg:w-3/12" kind="amount">
<x-sortablelink column="amount" title="{{ trans('general.amount') }}" />
</x-table.th>
</x-table.tr>
@ -261,7 +261,7 @@
<x-table.tbody>
@foreach($transactions as $item)
<x-table.tr href="{{ route('transactions.show', $item->id) }}">
<x-table.td class="w-3/12">
<x-table.td class="w-6/12 lg:w-3/12">
<x-slot name="first" class="font-bold truncate" override="class">
<x-date date="{{ $item->paid_at }}" />
</x-slot>
@ -300,7 +300,7 @@
</x-slot>
</x-table.td>
<x-table.td class="w-3/12 relative" kind="amount">
<x-table.td class="w-6/12 lg:w-3/12" kind="amount">
<x-money :amount="$item->amount" :currency="$item->currency_code" convert />
</x-table.td>

28
resources/views/components/contacts/show/content.blade.php
View File

@ -162,7 +162,7 @@
<x-table>
<x-table.thead>
<x-table.tr class="flex items-center px-1">
<x-table.th class="w-3/12 hidden sm:table-cell">
<x-table.th class="w-4/12 lg:w-3/12">
<x-slot name="first">
<x-sortablelink column="due_at" title="{{ trans('invoices.due_date') }}" />
</x-slot>
@ -176,7 +176,7 @@
<x-sortablelink column="status" title="{{ trans_choice('general.statuses', 1) }}" />
</x-table.th>
<x-table.th class="w-3/12 sm:table-cell'">
<x-table.th class="w-4/12 lg:w-3/12">
<x-slot name="first">
<x-sortablelink column="contact_name" title="{{ trans_choice('general.customers', 1) }}" />
</x-slot>
@ -186,7 +186,7 @@
</x-slot>
</x-table.th>
<x-table.th class="w-3/12" kind="amount">
<x-table.th class="w-4/12 lg:w-3/12" kind="amount">
<x-sortablelink column="amount" title="{{ trans('general.amount') }}" />
</x-table.th>
</x-table.tr>
@ -196,7 +196,7 @@
@foreach($documents as $item)
@php $paid = $item->paid; @endphp
<x-table.tr href="{{ route(config('type.document.' . $item->type . '.route.prefix', 'invoices') . '.show', $item->id) }}">
<x-table.td class="w-3/12 hidden sm:table-cell">
<x-table.td class="w-4/12 lg:w-3/12">
<x-slot name="first" class="font-bold truncate" override="class">
{{ \Date::parse($item->due_at)->diffForHumans() }}
</x-slot>
@ -210,7 +210,7 @@
<x-show.status status="{{ $item->status }}" background-color="bg-{{ $item->status_label }}" text-color="text-text-{{ $item->status_label }}" />
</x-table.td>
<x-table.td class="w-3/12 sm:table-cell">
<x-table.td class="w-4/12 lg:w-3/12">
<x-slot name="first">
{{ $item->contact_name }}
</x-slot>
@ -226,7 +226,7 @@
</x-slot>
</x-table.td>
<x-table.td class="w-3/12 relative" kind="amount">
<x-table.td class="w-4/12 lg:w-3/12" kind="amount">
<x-money :amount="$item->amount" :currency="$item->currency_code" convert />
</x-table.td>
@ -251,7 +251,7 @@
<x-table>
<x-table.thead>
<x-table.tr class="flex items-center px-1">
<x-table.th class="w-3/12 hidden sm:table-cell">
<x-table.th class="w-4/12 lg:w-3/12">
<x-slot name="first">
<x-sortablelink column="paid_at" title="{{ trans('general.date') }}" />
</x-slot>
@ -260,7 +260,7 @@
</x-slot>
</x-table.th>
<x-table.th class="w-3/12">
<x-table.th class="w-3/12 hidden sm:table-cell">
<x-slot name="first">
<x-sortablelink column="type" title="{{ trans_choice('general.types', 1) }}" />
</x-slot>
@ -269,7 +269,7 @@
</x-slot>
</x-table.th>
<x-table.th class="w-3/12 hidden sm:table-cell">
<x-table.th class="w-4/12 lg:w-3/12">
<x-slot name="first">
<x-sortablelink column="account.name" title="{{ trans_choice('general.accounts', 1) }}" />
</x-slot>
@ -278,7 +278,7 @@
</x-slot>
</x-table.th>
<x-table.th class="w-3/12" kind="amount">
<x-table.th class="w-4/12 lg:w-3/12" kind="amount">
<x-sortablelink column="amount" title="{{ trans('general.amount') }}" />
</x-table.th>
</x-table.tr>
@ -287,7 +287,7 @@
<x-table.tbody>
@foreach($transactions as $item)
<x-table.tr href="{{ route('transactions.show', $item->id) }}">
<x-table.td class="w-3/12 hidden sm:table-cell">
<x-table.td class="w-4/12 lg:w-3/12">
<x-slot name="first" class="font-bold truncate" override="class">
<x-date date="{{ $item->paid_at }}" />
</x-slot>
@ -296,7 +296,7 @@
</x-slot>
</x-table.td>
<x-table.td class="w-3/12">
<x-table.td class="w-3/12 hidden sm:table-cell">
<x-slot name="first">
{{ $item->type_title }}
</x-slot>
@ -305,7 +305,7 @@
</x-slot>
</x-table.td>
<x-table.td class="w-3/12 hidden sm:table-cell">
<x-table.td class="w-4/12 lg:w-3/12">
<x-slot name="first">
{{ $item->account->name }}
</x-slot>
@ -320,7 +320,7 @@
</x-slot>
</x-table.td>
<x-table.td class="w-3/12 relative" kind="amount">
<x-table.td class="w-4/12 lg:w-3/12" kind="amount">
<x-money :amount="$item->amount" :currency="$item->currency_code" convert />
</x-table.td>

2
resources/views/components/documents/index/information.blade.php
View File

@ -1,4 +1,4 @@
<div id="tooltip-information-{{ $document->id }}" role="tooltip" class="w-96 inline-block absolute left-0 z-10 text-sm font-medium rounded-lg border border-gray-200 shadow-sm whitespace-nowrap tooltip-content transition-visible bg-lilac-900 border-none text-black p-6 cursor-auto opacity-0 invisible">
<div id="tooltip-information-{{ $document->id }}" role="tooltip" class="w-96 inline-block absolute left-0 z-10 text-sm font-medium rounded-lg border border-gray-200 shadow-sm whitespace-nowrap tooltip-content transition-visible bg-lilac-900 border-none text-black p-6 cursor-auto opacity-0 invisible information-content">
<div class="absolute w-2 h-2 inset-y-1/2 -right-1 before:content-[' '] before:absolute before:w-2 before:h-2 before:bg-lilac-900 before:border-gray-200 before:transform before:rotate-45 before:border before:border-t-0 before:border-l-0 data-popper-arrow"></div>
<ul>

4
resources/views/components/loading/content.blade.php
View File

@ -1,4 +1,4 @@
<div data-loading-content v-if="content_loading" class="fixed w-4/5 h-screen lg:flex items-center justify-center bg-body top-0 bottom-0 ltr:right-0 rtl:left-0 -mx-1 z-50">
<img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-28 h-28 -mt-16" alt="Akaunting" />
<div data-loading-content v-if="content_loading" class="fixed w-full lg:w-4/5 h-screen flex items-center justify-center bg-body top-0 bottom-0 ltr:right-0 rtl:left-0 -mx-1 z-50">
<img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-28 h-28 lg:-mt-16" alt="Akaunting" />
</div>
<!--data attr added because for none vue.js pages-->

2
resources/views/components/show/content/left.blade.php
View File

@ -1,3 +1,3 @@
<div class="lg:w-4/12 border-r border-gray-300 pr-12">
<div class="lg:w-4/12 lg:border-r border-gray-300 pr-12">
{!! $slot !!}
</div>

2
resources/views/components/show/content/right.blade.php
View File

@ -1,4 +1,4 @@
<div class="relative lg:w-8/12 ltr:pl-8 rtl:pr-8">
<div class="relative lg:w-8/12 ltr:lg:pl-8 rtl:lg:pr-8">
<x-loading.absolute />
{!! $slot !!}