Skip to content

Commit

Permalink
responsive testing
Browse files Browse the repository at this point in the history
  • Loading branch information
@brkcvn
brkcvn committed Aug 1, 2022
1 parent 0f301d5 commit 9099a3e
Show file tree
Hide file tree
Showing 8 changed files with 21,645 additions and 376,584 deletions.
398,176 changes: 21,616 additions & 376,560 deletions public/css/app.css
View file

Large diffs are not rendered by default.

7 changes: 6 additions & 1 deletion resources/assets/sass/app.css
View file
Expand Up @@ -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;
}

Expand Down Expand Up @@ -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 {
Expand Down
8 changes: 4 additions & 4 deletions resources/views/banking/accounts/show.blade.php
View file
Expand Up @@ -225,7 +225,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
<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>
Expand All @@ -252,7 +252,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
</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>
Expand All @@ -261,7 +261,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
<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>
Expand Down Expand Up @@ -300,7 +300,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
</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>

Expand Down
28 changes: 14 additions & 14 deletions resources/views/components/contacts/show/content.blade.php
View file
Expand Up @@ -162,7 +162,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
<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>
Expand All @@ -176,7 +176,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
<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>
Expand All @@ -186,7 +186,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
</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>
Expand All @@ -196,7 +196,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
@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>
Expand All @@ -210,7 +210,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
<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>
Expand All @@ -226,7 +226,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
</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>

Expand All @@ -251,7 +251,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
<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>
Expand All @@ -260,7 +260,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
</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>
Expand All @@ -269,7 +269,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
</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>
Expand All @@ -278,7 +278,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
</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>
Expand All @@ -287,7 +287,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
<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>
Expand All @@ -296,7 +296,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
</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>
Expand All @@ -305,7 +305,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
</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>
Expand All @@ -320,7 +320,7 @@ class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transiti
</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>

Expand Down
2 changes: 1 addition & 1 deletion 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>
Expand Down
4 changes: 2 additions & 2 deletions 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 changes: 1 addition & 1 deletion 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 changes: 1 addition & 1 deletion 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 !!}
Expand Down

0 comments on commit 9099a3e

Please sign in to comment.