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

Merge pull request #2714 from brkcvn/responsive-control

Browse Source 
Responsive control checked
This commit is contained in:
Cüneyt Şentürk 2022-11-03 10:05:28 +03:00 committed by GitHub
commit 597eeef956
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
39 changed files with 668 additions and 208 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
presets.js vendored
View File

@ -189,6 +189,7 @@ module.exports = {
spacing: { spacing: {
'modal': '610px', 'modal': '610px',
'500': '500px',
'5.5': '1.30rem', '5.5': '1.30rem',
'9.5': '2.45rem', '9.5': '2.45rem',
'12.5': '3.2rem', '12.5': '3.2rem',

444
public/css/app.css vendored
View File

File diff suppressed because it is too large Load Diff

112
public/css/print.css vendored
View File

@ -379,48 +379,6 @@ html[dir='rtl'] .text-right
/*--General Finish--*/ /*--General Finish--*/
/*--Print Template Default Start--*/ /*--Print Template Default Start--*/
.col-60
{
display: inline-block;
width: 60%;
vertical-align: top;
}
.col-58
{
display: inline-block;
width: 58%;
vertical-align: top;
}
.col-50
{
display: inline-block;
width: 50%;
vertical-align: top;
}
.col-42
{
display: inline-block;
width: 42%;
vertical-align: top;
}
.col-40
{
display: inline-block;
width: 40%;
vertical-align: top;
}
.col-16
{
display: inline-block;
max-width: 16%;
vertical-align: top;
}
.col-100 .col-100
{ {
display: inline-block; display: inline-block;
@ -805,8 +763,78 @@ html[dir='rtl'] .print-heading {
.custom-product-hunt { .custom-product-hunt {
display: none; display: none;
} }
.classic-invoice {
margin-top: 10px;
}
.col-60
{
display: inline-block;
width: 100%;
vertical-align: top;
}
.col-50
{
display: inline-block;
width: 100%;
vertical-align: top;
}
.col-40
{
display: inline-block;
width: 100%;
vertical-align: top;
}
.col-58
{
display: inline-block;
width: 58%;
vertical-align: top;
}
.col-42
{
display: inline-block;
width: 42%;
vertical-align: top;
}
.col-16
{
display: inline-block;
max-width: 16%;
vertical-align: top;
}
/*--Print --*/ /*--Print --*/
@media (min-width: 991px) {
.col-60
{
display: inline-block;
width: 60%;
vertical-align: top;
}
.col-50
{
display: inline-block;
width: 50%;
vertical-align: top;
}
.col-40
{
display: inline-block;
width: 40%;
vertical-align: top;
}
.classic-invoice {
margin-top: unset;
}
}
@media (max-width: 1600px) { @media (max-width: 1600px) {
.p-index-right { .p-index-right {
padding: 0; padding: 0;

2
resources/assets/js/components/AkauntingModal.vue
View File

@ -7,7 +7,7 @@
tabindex="-1" tabindex="-1"
role="dialog" role="dialog"
:aria-hidden="!show"> :aria-hidden="!show">
<div class="w-full my-10 m-auto flex flex-col" :class="modalDialogClass ? modalDialogClass : 'max-w-md'"> <div class="w-full my-10 m-auto flex flex-col px-2 sm:px-0" :class="modalDialogClass ? modalDialogClass : 'max-w-md'">
<slot name="modal-content"> <slot name="modal-content">
<div class="modal-content"> <div class="modal-content">
<div class="p-5 bg-body rounded-tl-lg rounded-tr-lg"> <div class="p-5 bg-body rounded-tl-lg rounded-tr-lg">

2
resources/assets/js/components/AkauntingModalAddNew.vue
View File

@ -7,7 +7,7 @@
tabindex="-1" tabindex="-1"
role="dialog" role="dialog"
:aria-hidden="!show"> :aria-hidden="!show">
<div class="w-full my-10 m-auto flex flex-col" :class="modalDialogClass ? modalDialogClass : 'max-w-md'"> <div class="w-full my-10 m-auto flex flex-col px-2 sm:px-0" :class="modalDialogClass ? modalDialogClass : 'max-w-md'">
<slot name="modal-content"> <slot name="modal-content">
<div class="modal-content"> <div class="modal-content">
<div class="p-5 bg-body rounded-tl-lg rounded-tr-lg"> <div class="p-5 bg-body rounded-tl-lg rounded-tr-lg">

12
resources/assets/js/components/AkauntingRecurring.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="sm:col-span-6 space-y-8 sm:space-y-2"> <div class="sm:col-span-6 space-y-6 sm:space-y-2">
<div class="flex flex-wrap lg:flex-nowrap items-center space-y-3 lg:space-y-0" :class="{ 'justify-between sm:justify-start': frequency == 'custom' }"> <div class="flex flex-wrap lg:flex-nowrap items-center space-y-1 lg:space-y-0" :class="{ 'justify-start': frequency == 'custom' }">
<div class="w-60 px-2 text-sm"> <div class="w-24 sm:w-60 px-0 sm:px-2 text-sm">
{{ frequencyText }} {{ frequencyText }}
</div> </div>
@ -14,7 +14,7 @@
</el-option> </el-option>
</el-select> </el-select>
<div class="w-20 px-2 text-sm text-center" v-if="frequency == 'custom'"> <div class="w-20 sm:w-auto px-2 text-sm text-center" v-if="frequency == 'custom'">
{{ frequencyEveryText }} {{ frequencyEveryText }}
</div> </div>
@ -30,8 +30,8 @@
</el-select> </el-select>
</div> </div>
<div class="flex flex-wrap lg:flex-nowrap items-center space-y-3 lg:space-y-0" :class="{ 'justify-between sm:justify-start': limit !== 'never' }"> <div class="flex flex-wrap lg:flex-nowrap items-center space-y-3 lg:space-y-0" :class="{ 'justify-start': limit !== 'never' }">
<div class="w-60 px-2 text-sm"> <div class="w-24 sm:w-60 px-0 sm:px-2 text-sm">
{{ startText }} {{ startText }}
</div> </div>

3
resources/assets/js/components/NotificationPlugin/Notification.vue
View File

@ -2,8 +2,7 @@
<div <div
@click="tryClose" @click="tryClose"
data-notify="container" data-notify="container"
class="alert alert-notify fixed flex items-center justify-between ltr:right-4 rtl:left-4 p-4 text-black font-bold rounded-lg z-30" class="alert alert-notify fixed w-full sm:w-500 flex items-center justify-between ltr:right-0 rtl:left-0 sm:ltr:right-4 sm:rtl:left-4 p-4 text-black font-bold rounded-lg z-30"
style="width: 500px;"
:class="[ :class="[
{ 'alert-with-icon': icon }, { 'alert-with-icon': icon },
verticalAlign, verticalAlign,

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

@ -480,9 +480,16 @@ html[dir='rtl'] .el-scrollbar__wrap {
} }
/* apex-chart cash-flow */ /* apex-chart cash-flow */
.apex-chart-cash-flow .apexcharts-legend { .apex-chart-cash-flow .apexcharts-legend {
width: 24rem !important; width: 100% !important;
justify-content: space-around !important; justify-content: space-around !important;
padding: 0; padding: 0;
flex-wrap: nowrap !important;
}
.apex-chart-cash-flow .apexcharts-legend-series {
width: 8rem;
text-align: center;
margin: 0 !important;
} }
.apex-chart-cash-flow .apexcharts-toolbar { .apex-chart-cash-flow .apexcharts-toolbar {
@ -590,6 +597,17 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
} }
} }
@media only screen and (max-width: 480px) {
.dashboard-picker .el-picker-panel__body {
width: 100% !important;
margin-left: unset !important;
}
.dashboard-picker.el-date-range-picker.el-popper.has-sidebar {
width: 100% !important;
}
}
#nprogress .bar { #nprogress .bar {
background: #A6A8C9 !important; background: #A6A8C9 !important;
height: 5px !important; height: 5px !important;

8
resources/views/auth/users/index.blade.php
View File

@ -30,7 +30,7 @@
<x-index.bulkaction.all /> <x-index.bulkaction.all />
</x-table.th> </x-table.th>
<x-table.th class="w-5/12"> <x-table.th class="w-8/12 sm:w-5/12">
<x-sortablelink column="name" title="{{ trans('general.name') }}" /> <x-sortablelink column="name" title="{{ trans('general.name') }}" />
</x-table.th> </x-table.th>
@ -38,7 +38,7 @@
<x-sortablelink column="email" title="{{ trans('general.email') }}" /> <x-sortablelink column="email" title="{{ trans('general.email') }}" />
</x-table.th> </x-table.th>
<x-table.th class="w-4/12 sm:w-3/12" kind="right"> <x-table.th class="w-4/12" kind="right">
{{ trans_choice('general.roles', 1) }} {{ trans_choice('general.roles', 1) }}
</x-table.th> </x-table.th>
</x-table.tr> </x-table.tr>
@ -55,7 +55,7 @@
/> />
</x-table.td> </x-table.td>
<x-table.td class="w-4/12 sm:w-5/12"> <x-table.td class="w-8/12 sm:w-5/12">
<div class="flex items-center space-x-2"> <div class="flex items-center space-x-2">
@if (setting('default.use_gravatar', '0') == '1') @if (setting('default.use_gravatar', '0') == '1')
<img src="{{ $item->picture }}" class="w-6 h-6 rounded-full mr-2 hidden lg:block text-transparent" title="{{ $item->name }}" alt="{{ $item->name }}"> <img src="{{ $item->picture }}" class="w-6 h-6 rounded-full mr-2 hidden lg:block text-transparent" title="{{ $item->name }}" alt="{{ $item->name }}">
@ -81,7 +81,7 @@
{{ $item->email }} {{ $item->email }}
</x-table.td> </x-table.td>
<x-table.td class="w-3/12" kind="right"> <x-table.td class="w-4/12" kind="right">
<div class="space-x-2"> <div class="space-x-2">
@foreach($item->roles as $role) @foreach($item->roles as $role)
<span class="bg-lilac-900 px-2 py-0.5 test-xs rounded-lg text-black"> <span class="bg-lilac-900 px-2 py-0.5 test-xs rounded-lg text-black">

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

@ -25,7 +25,7 @@
@stack('create_button_start') @stack('create_button_start')
<x-dropdown id="show-new-actions-account"> <x-dropdown id="show-new-actions-account">
<x-slot name="trigger" class="flex items-center px-3 py-1.5 mb-3 sm:mb-0 bg-green hover:bg-green-700 rounded-xl text-white text-sm font-bold leading-6" override="class"> <x-slot name="trigger" class="w-full flex items-center justify-between sm:justify-start px-3 py-1.5 mb-3 sm:mb-0 bg-green hover:bg-green-700 rounded-xl text-white text-sm font-bold leading-6" override="class">
{{ trans('general.new_more') }} {{ trans('general.new_more') }}
<span class="material-icons ltr:ml-2 rtl:mr-2">expand_more</span> <span class="material-icons ltr:ml-2 rtl:mr-2">expand_more</span>
</x-slot> </x-slot>
@ -344,7 +344,7 @@
</x-slot> </x-slot>
</x-table.th> </x-table.th>
<x-table.th class="w-3/12"> <x-table.th class="w-6/12 sm:w-3/12">
<x-slot name="first"> <x-slot name="first">
<x-sortablelink column="expense_transaction.name" title="{{ trans('transfers.from_account') }}" /> <x-sortablelink column="expense_transaction.name" title="{{ trans('transfers.from_account') }}" />
</x-slot> </x-slot>
@ -353,7 +353,7 @@
</x-slot> </x-slot>
</x-table.th> </x-table.th>
<x-table.th class="w-3/12"> <x-table.th class="w-4/12 sm:w-3/12" hidden-mobile>
<x-slot name="first"> <x-slot name="first">
<x-sortablelink column="expense_transaction.rate" title="{{ trans('transfers.from_rate') }}" /> <x-sortablelink column="expense_transaction.rate" title="{{ trans('transfers.from_rate') }}" />
</x-slot> </x-slot>
@ -362,7 +362,7 @@
</x-slot> </x-slot>
</x-table.th> </x-table.th>
<x-table.th class="w-3/12" kind="amount"> <x-table.th class="w-6/12 sm:w-3/12" kind="amount">
<x-slot name="first"> <x-slot name="first">
<x-sortablelink column="expense_transaction.amount" title="{{ trans('transfers.from_amount') }}" /> <x-sortablelink column="expense_transaction.amount" title="{{ trans('transfers.from_amount') }}" />
</x-slot> </x-slot>
@ -397,7 +397,7 @@
</x-slot> </x-slot>
</x-table.td> </x-table.td>
<x-table.td class="w-3/12 truncate"> <x-table.td class="w-6/12 sm:w-3/12 truncate">
<x-slot name="first"> <x-slot name="first">
{{ $item->expense_transaction->account->name }} {{ $item->expense_transaction->account->name }}
</x-slot> </x-slot>
@ -406,7 +406,7 @@
</x-slot> </x-slot>
</x-table.td> </x-table.td>
<x-table.td class="w-3/12 truncate"> <x-table.td class="w-4/12 sm:w-3/12 truncate" hidden-mobile>
<x-slot name="first"> <x-slot name="first">
{{ $item->expense_transaction->currency_rate }} {{ $item->expense_transaction->currency_rate }}
</x-slot> </x-slot>
@ -415,7 +415,7 @@
</x-slot> </x-slot>
</x-table.td> </x-table.td>
<x-table.td class="w-3/12" kind="amount"> <x-table.td class="w-6/12 sm:w-3/12" kind="amount">
<x-slot name="first"> <x-slot name="first">
<x-money :amount="$item->expense_transaction->amount" :currency="$item->expense_transaction->currency_code" convert /> <x-money :amount="$item->expense_transaction->amount" :currency="$item->expense_transaction->currency_code" convert />
</x-slot> </x-slot>

2
resources/views/banking/reconciliations/create.blade.php
View File

@ -166,7 +166,7 @@
@if ($transactions->count()) @if ($transactions->count())
<table class="min-w-full divide-y divide-gray-200"> <table class="min-w-full divide-y divide-gray-200">
<tbody class="float-right"> <tbody class="sm:float-right">
<tr class="border-b"> <tr class="border-b">
<th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black">
{{ trans('reconciliations.opening_balance') }}: {{ trans('reconciliations.opening_balance') }}:

2
resources/views/banking/reconciliations/edit.blade.php
View File

@ -115,7 +115,7 @@
@if ($transactions->count()) @if ($transactions->count())
<table class="min-w-full divide-y divide-gray-200"> <table class="min-w-full divide-y divide-gray-200">
<tbody class="float-right"> <tbody class="sm:float-right">
<tr class="border-b"> <tr class="border-b">
<th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black"> <th class="w-9/12 ltr:pr-6 rtl:pl-6 py-4 ltr:text-left rtl:text-right whitespace-nowrap text-sm font-bold text-black">
{{ trans('reconciliations.opening_balance') }}: {{ trans('reconciliations.opening_balance') }}:

2
resources/views/components/contacts/show/buttons.blade.php
View File

@ -2,7 +2,7 @@
@if (! $hideNewDropdown) @if (! $hideNewDropdown)
<x-dropdown id="show-new-actions-{{ $contact->type }}"> <x-dropdown id="show-new-actions-{{ $contact->type }}">
<x-slot name="trigger" class="flex items-center px-3 py-1.5 mb-3 sm:mb-0 bg-green hover:bg-green-700 rounded-xl text-white text-sm font-bold leading-6" override="class"> <x-slot name="trigger" class="w-full flex items-center justify-between sm:justify-start px-3 py-1.5 mb-3 sm:mb-0 bg-green hover:bg-green-700 rounded-xl text-white text-sm font-bold leading-6" override="class">
{{ trans('general.new_more') }} {{ trans('general.new_more') }}
<span class="material-icons ltr:ml-2 rtl:mr-2">expand_more</span> <span class="material-icons ltr:ml-2 rtl:mr-2">expand_more</span>
</x-slot> </x-slot>

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

@ -66,7 +66,7 @@
<x-show.content.left> <x-show.content.left>
@stack('customer_address_start') @stack('customer_address_start')
@if (! $hideAddress) @if (! $hideAddress)
<div class="flex flex-col text-sm mb-5"> <div class="flex flex-col text-sm sm:mb-5">
<div class="font-medium">{{ trans('general.address') }}</div> <div class="font-medium">{{ trans('general.address') }}</div>
<span>{{ $contact->address }}<br>{{ $contact->location }}</span> <span>{{ $contact->address }}<br>{{ $contact->location }}</span>
</div> </div>
@ -76,7 +76,7 @@
@stack('customer_tax_number_start') @stack('customer_tax_number_start')
@if (! $hideTaxNumber) @if (! $hideTaxNumber)
@if ($contact->tax_number) @if ($contact->tax_number)
<div class="flex flex-col text-sm mb-5"> <div class="flex flex-col text-sm sm:mb-5">
<div class="font-medium">{{ trans('general.tax_number') }}</div> <div class="font-medium">{{ trans('general.tax_number') }}</div>
<span>{{ $contact->tax_number }}</span> <span>{{ $contact->tax_number }}</span>
</div> </div>
@ -87,7 +87,7 @@
@stack('customer_website_start') @stack('customer_website_start')
@if (! $hideWebsite) @if (! $hideWebsite)
@if ($contact->website) @if ($contact->website)
<div class="flex flex-col text-sm mb-5"> <div class="flex flex-col text-sm sm:mb-5">
<div class="font-medium">{{ trans('general.website') }}</div> <div class="font-medium">{{ trans('general.website') }}</div>
<span>{{ $contact->website }}</span> <span>{{ $contact->website }}</span>
</div> </div>
@ -98,7 +98,7 @@
@stack('customer_reference_start') @stack('customer_reference_start')
@if (! $hideReference) @if (! $hideReference)
@if ($contact->reference) @if ($contact->reference)
<div class="flex flex-col text-sm mb-5"> <div class="flex flex-col text-sm sm:mb-5">
<div class="font-medium">{{ trans('general.reference') }}</div> <div class="font-medium">{{ trans('general.reference') }}</div>
<span>{{ $contact->reference }}</span> <span>{{ $contact->reference }}</span>
</div> </div>
@ -108,7 +108,7 @@
@stack('customer_client_portal_start') @stack('customer_client_portal_start')
@if (! $hideUser) @if (! $hideUser)
<div class="flex flex-col text-sm mb-5"> <div class="flex flex-col text-sm sm:mb-5">
<div class="flex items-center font-medium"> <div class="flex items-center font-medium">
<div class="flex items-center cursor-default"> <div class="flex items-center cursor-default">
<x-tooltip id="tooltip-client-describe" placement="bottom" size="w-2/12" message="{{ trans('customers.client_portal_description') }}"> <x-tooltip id="tooltip-client-describe" placement="bottom" size="w-2/12" message="{{ trans('customers.client_portal_description') }}">

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

@ -1,5 +1,5 @@
<div id="{{ $id }}" role="tooltip" class="w-full lg:w-96 inline-block absolute left-0 z-10 text-sm font-medium rounded-lg border border-gray-200 shadow-sm whitespace-nowrap transition-visible bg-lilac-900 border-none text-black p-6 cursor-auto opacity-0 invisible information-content"> <div id="{{ $id }}" role="tooltip" class="w-full sm:w-96 inline-block absolute left-0 z-10 text-sm font-medium rounded-lg border border-gray-200 shadow-sm whitespace-nowrap 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> <div class="absolute w-2 h-2 sm:inset-y-1/2 sm:-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> <ul>
<li class="relative flex items-center text-sm mb-7"> <li class="relative flex items-center text-sm mb-7">

2
resources/views/components/documents/template/classic.blade.php
View File

@ -93,7 +93,7 @@
<br> <br>
{{ $document->document_number }} <p class="classic-invoice"> {{ $document->document_number }} </p>
</div> </div>
@endif @endif
@stack('invoice_number_input_end') @stack('invoice_number_input_end')

2
resources/views/components/empty-page.blade.php
View File

@ -66,7 +66,7 @@
</ul> </ul>
</div> </div>
<div class="w-full lg:w-1/2 flex justify-end lg:mt-60"> <div class="w-full lg:w-1/2 flex justify-end mt-8 lg:mt-60">
<img src="{{ $image }}" alt="{{ $title }}" /> <img src="{{ $image }}" alt="{{ $title }}" />
</div> </div>
</div> </div>

2
resources/views/components/form/group/invoice_text.blade.php
View File

@ -1,7 +1,7 @@
@stack($name . '_input_start') @stack($name . '_input_start')
<div <div
@class([ @class([
'grid grid-cols-6 gap-8', 'grid sm:grid-cols-6 gap-8',
$formGroupClass, $formGroupClass,
'required' => $required, 'required' => $required,
'readonly' => $readonly, 'readonly' => $readonly,

2
resources/views/components/index/summary.blade.php
View File

@ -1,4 +1,4 @@
<div class="flex items-center justify-center text-black mt-5 sm:mt-10 mb-10"> <div class="flex items-center justify-center text-black mt-10 mb-10">
@if (! empty($slot) && $slot->isNotEmpty()) @if (! empty($slot) && $slot->isNotEmpty())
{!! $slot !!} {!! $slot !!}
@elseif (! empty($items)) @elseif (! empty($items))

2
resources/views/components/layouts/admin/footer.blade.php
View File

@ -1,6 +1,6 @@
@stack('footer_start') @stack('footer_start')
<footer class="footer"> <footer class="footer">
<div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light"> <div class="flex flex-col sm:flex-row items-center justify-between lg:mt-20 py-7 text-sm font-light">
<div> <div>
{{ trans('footer.powered') }}: {{ trans('footer.powered') }}:
<x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link> <x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link>

154
resources/views/components/layouts/modules/bar.blade.php
View File

@ -1,66 +1,66 @@
<div class="relative w-full flex border-b pt-8 mb-4"> <div class="relative w-full flex flex-col sm:flex-row border-b pt-8 mb-4">
<div class="flex flex-row items-center place-center border-r"> <div class="flex items-center">
<button class="flex items-center" id="dropdownButton" data-dropdown-toggle="dropdown"> <div class="flex flex-row items-center place-center border-r">
<i class="material-icons w-10 flex items-center aspect-square text-light-gray ltr:pl-2 rtl:pr-2 hover:text-gray-700"> apps_outlined </i> <button class="flex items-center" id="dropdownButton" data-dropdown-toggle="dropdown">
</button> <i class="material-icons w-10 flex items-center aspect-square text-light-gray ltr:pl-2 rtl:pr-2 hover:text-gray-700"> apps_outlined </i>
</button>
<div id="dropdown" data-click-outside-none class="w-full px-0 hidden z-10"> <div id="dropdown" data-click-outside-none class="w-full px-0 hidden z-10">
<div class="flex flex-col md:flex-row"> <div class="flex flex-col md:flex-row">
<div class="w-full lg:w-6/12 flex flex-col shadow-md bg-white px-4 lg:pl-8 py-8 gap-2 rounded-l-xl"> <div class="w-full lg:w-6/12 flex flex-col shadow-md bg-white px-4 lg:pl-8 py-8 gap-2 rounded-l-xl">
<h4 class="capitalize font-thin"> <h4 class="capitalize font-thin">
{{ trans_choice('general.categories', 1) }} {{ trans_choice('general.categories', 1) }}
</h4> </h4>
<div class="grid grid-cols-2 gap-2"> <div class="grid grid-cols-2 gap-2">
@foreach ($categories as $slug => $category) @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"> <x-link href="{{ $categoryUrl($slug) }}" class="font-semibold text-sm ltr:pr-4 rtl:pl-4 lg:pr-0 truncate bg-transparent" override="class">
<x-link.hover> <x-link.hover>
{{ $category }} {{ $category }}
</x-link.hover> </x-link.hover>
</x-link> </x-link>
@endforeach
</div>
</div>
<div class="w-full lg:w-6/12 flex flex-col shadow-md bg-purple-lighter px-4 lg:px-12 py-8 gap-2 rounded-r-xl">
<h4 class="capitalize font-thin mb-2">
{{ trans('modules.popular_this_week') }}
</h4>
@if ($popular)
<div class="flex flex-col gap-4">
@foreach ($popular->data as $item)
<div class="hover:shadow-2xl rounded-lg">
<x-link href="{{ route('apps.app.show', $item->slug) }}" class="flex items-center p-2" override="class">
@foreach ($item->files as $file)
@if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail'))
<img src="{{ $file->path_string }}" alt="{{ $item->name }}" class="w-28 h-20 rounded-md object-cover ltr:mr-3 rtl:ml-3" />
@endif
@endforeach
<div class="flex flex-col py-1 gap-0">
<h6 class="text-sm font-bold capitalize">
{!! $item->name !!}
</h6>
<div class="line-clamp-2">
<p class="font-thin text-xs text-left">
{!! $item->description !!}
</p>
</div>
</div>
</x-link>
</div>
@endforeach @endforeach
</div> </div>
@else </div>
@endif
<div class="w-full lg:w-6/12 flex flex-col shadow-md bg-purple-lighter px-4 lg:px-12 py-8 gap-2 rounded-r-xl">
<h4 class="capitalize font-thin mb-2">
{{ trans('modules.popular_this_week') }}
</h4>
@if ($popular)
<div class="flex flex-col gap-4">
@foreach ($popular->data as $item)
<div class="hover:shadow-2xl rounded-lg">
<x-link href="{{ route('apps.app.show', $item->slug) }}" class="flex items-center p-2" override="class">
@foreach ($item->files as $file)
@if (($file->media_type == 'image') && ($file->pivot->zone == 'thumbnail'))
<img src="{{ $file->path_string }}" alt="{{ $item->name }}" class="w-28 h-20 rounded-md object-cover ltr:mr-3 rtl:ml-3" />
@endif
@endforeach
<div class="flex flex-col py-1 gap-0">
<h6 class="text-sm font-bold capitalize">
{!! $item->name !!}
</h6>
<div class="line-clamp-2">
<p class="font-thin text-xs text-left">
{!! $item->description !!}
</p>
</div>
</div>
</x-link>
</div>
@endforeach
</div>
@else
@endif
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="flex flex-col lg:flex-row w-full justify-between">
<div class="w-8/12 h-full"> <div class="w-8/12 h-full">
<form method="GET" action="{{ url("/" . company_id()) }}/apps/search"> <form method="GET" action="{{ url("/" . company_id()) }}/apps/search">
<div class="h-full flex items-center pl-2 gap-2"> <div class="h-full flex items-center pl-2 gap-2">
@ -107,31 +107,31 @@
</div> </div>
</form> </form>
</div> </div>
</div>
<div class="flex flex-row items-end lg:items-center mb-1 divide-x divide-black-400 mt-4 lg:mt-0"> <div class="lg:absolute lg:bottom-2.5 ltr:lg:right-0 rtl:lg:left-0 flex flex-row items-end lg:items-center mb-1 divide-x divide-black-400 mt-4 lg:mt-0">
<x-link href="{{ route('apps.home.index') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class"> <x-link href="{{ route('apps.home.index') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
<x-link.hover color="to-black-400"> <x-link.hover color="to-black-400">
{{ trans('modules.home') }} {{ trans('modules.home') }}
</x-link.hover> </x-link.hover>
</x-link> </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"> <x-link href="{{ route('apps.new') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
<x-link.hover color="to-black-400"> <x-link.hover color="to-black-400">
{{ trans('modules.new') }} {{ trans('modules.new') }}
</x-link.hover> </x-link.hover>
</x-link> </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"> <x-link href="{{ route('apps.paid') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
<x-link.hover color="to-black-400"> <x-link.hover color="to-black-400">
{{ trans('modules.top_paid') }} {{ trans('modules.top_paid') }}
</x-link.hover> </x-link.hover>
</x-link> </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"> <x-link href="{{ route('apps.free') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
<x-link.hover color="to-black-400"> <x-link.hover color="to-black-400">
{{ trans('modules.top_free') }} {{ trans('modules.top_free') }}
</x-link.hover> </x-link.hover>
</x-link> </x-link>
</div>
</div> </div>
</div> </div>

2
resources/views/components/layouts/portal/footer.blade.php
View File

@ -1,6 +1,6 @@
@stack('footer_start') @stack('footer_start')
<footer class="footer"> <footer class="footer">
<div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light"> <div class="flex flex-col sm:flex-row items-center justify-between lg:mt-20 py-7 text-sm font-light">
<div> <div>
{{ trans('footer.powered') }}: {{ trans('footer.powered') }}:
<a href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</a> | <a href="{{ trans('footer.link') }}" target="_blank">{{ trans('footer.software') }}</a> |

6
resources/views/components/layouts/preview.blade.php
View File

@ -11,8 +11,8 @@
<div class="flex flex-col h-screen"> <div class="flex flex-col h-screen">
<header class="py-5 bg-purple-lighter text-purple text-center"> <header class="py-5 bg-purple-lighter text-purple text-center">
<div class="w-full lg:max-w-6xl m-auto flex flex-col lg:flex-row items-center justify-between"> <div class="w-full lg:max-w-6xl m-auto flex flex-col lg:flex-row items-center justify-between px-4 lg:px-0">
<div class="flex flex-col items-start"> <div class="flex flex-col items-center lg:items-start">
<span class="font-medium uppercase"> <span class="font-medium uppercase">
{{ trans('general.preview_mode') }} {{ trans('general.preview_mode') }}
</span> </span>
@ -22,7 +22,7 @@
</span> </span>
</div> </div>
<x-link href="{!! !empty($sticky->attributes->has('url')) ? $sticky->attributes->get('url') : route('dashboard') !!}" class="px-3 py-1.5 rounded-xl text-sm font-medium leading-6 bg-purple hover:bg-purple-700 text-white disabled:bg-purple-100" override="class"> <x-link href="{!! !empty($sticky->attributes->has('url')) ? $sticky->attributes->get('url') : route('dashboard') !!}" class="px-3 py-1.5 mt-5 lg:mt-0 rounded-xl text-sm font-medium leading-6 bg-purple hover:bg-purple-700 text-white disabled:bg-purple-100" override="class">
{{ trans('general.go_back', ['type' => company()->name]) }} {{ trans('general.go_back', ['type' => company()->name]) }}
</x-link> </x-link>
</div> </div>

2
resources/views/components/layouts/preview/footer.blade.php
View File

@ -1,7 +1,7 @@
@stack('footer_start') @stack('footer_start')
<footer class="footer"> <footer class="footer">
<div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light"> <div class="flex flex-col sm:flex-row items-center justify-between lg:mt-20 py-7 text-sm font-light">
<div> <div>
{{ trans('footer.powered') }}: {{ trans('footer.powered') }}:
<x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link> <x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link>

2
resources/views/components/layouts/signed/footer.blade.php
View File

@ -1,7 +1,7 @@
@stack('footer_start') @stack('footer_start')
<footer class="footer"> <footer class="footer">
<div class="flex flex-col sm:flex-row items-center justify-between mt-10 lg:mt-20 py-7 text-sm font-light"> <div class="flex flex-col sm:flex-row items-center justify-between lg:mt-20 py-7 text-sm font-light">
<div> <div>
{{ trans('footer.powered') }}: {{ trans('footer.powered') }}:
<x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link> <x-link href="{{ trans('footer.link') }}" target="_blank" override="class">{{ trans('footer.software') }}</x-link>

2
resources/views/components/modules/banners.blade.php
View File

@ -6,7 +6,7 @@
<div class="w-full lg:h-48 px-6 bg-dark-blue rounded-lg flex flex-col lg:flex-row justify-between items-center my-8"> <div class="w-full lg:h-48 px-6 bg-dark-blue rounded-lg flex flex-col lg:flex-row justify-between items-center my-8">
<div class="w-full lg:w-1/2 flex flex-col self-end py-6"> <div class="w-full lg:w-1/2 flex flex-col self-end py-6">
<div <div
class="h-28" class="lg:h-28"
x-data="{ x-data="{
text: '', text: '',
textArray : ['{{ trans('modules.premium_banner') }}'], textArray : ['{{ trans('modules.premium_banner') }}'],

4
resources/views/components/reports/detail/table.blade.php
View File

@ -1,5 +1,5 @@
<div class="overflow-x-visible mb-8 margin-bottom-spacing"> <div class="overflow-x-scroll large-overflow-unset mb-8 margin-bottom-spacing">
<table class="w-full rp-border-collapse"> <table class="w-full small-table-width rp-border-collapse">
@include($class->views['detail.table.header']) @include($class->views['detail.table.header'])
@include($class->views['detail.table.body']) @include($class->views['detail.table.body'])
@include($class->views['detail.table.footer']) @include($class->views['detail.table.footer'])

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

@ -1,3 +1,3 @@
<div class="flex flex-col lg:flex-row mt-12"> <div class="flex flex-col lg:flex-row sm:mt-12">
{!! $slot !!} {!! $slot !!}
</div> </div>

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

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

4
resources/views/components/show/summary/left.blade.php
View File

@ -1,11 +1,11 @@
<div class="w-full lg:w-5/12 flex items-center"> <div class="w-full lg:w-5/12 flex items-center mb-10 sm:mb-0">
@if (! empty($avatar) && $avatar->isNotEmpty()) @if (! empty($avatar) && $avatar->isNotEmpty())
<div class="w-12 h-12 flex items-center justify-center text-2xl font-regular border border-gray-300 rounded-full p-6"> <div class="w-12 h-12 flex items-center justify-center text-2xl font-regular border border-gray-300 rounded-full p-6">
{!! $avatar !!} {!! $avatar !!}
</div> </div>
@endif @endif
<div class="flex flex-col text-black text-sm font-medium ml-8"> <div class="flex flex-col text-black text-sm font-medium ml-2 sm:ml-8">
{!! $slot !!} {!! $slot !!}
</div> </div>
</div> </div>

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

@ -1,4 +1,4 @@
<div class="w-full lg:w-7/12 flex items-center mt-5 lg:mt-0"> <div class="w-full lg:w-7/12 flex items-center">
@if (! empty($slot) && $slot->isNotEmpty()) @if (! empty($slot) && $slot->isNotEmpty())
{!! $slot !!} {!! $slot !!}
@elseif (! empty($items)) @elseif (! empty($items))

2
resources/views/components/tabs/index.blade.php
View File

@ -2,7 +2,7 @@
<div x-data="{ active: window.location.hash.split('#')[1] == undefined ? '{{ $active }}' : window.location.hash.split('#')[1] }"> <div x-data="{ active: window.location.hash.split('#')[1] == undefined ? '{{ $active }}' : window.location.hash.split('#')[1] }">
<div> <div>
<ul {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'flex items-center']) : $attributes }}> <ul {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'flex items-center overflow-x-scroll lg:overflow-visible']) : $attributes }}>
{!! $navs !!} {!! $navs !!}
</ul> </ul>
</div> </div>

2
resources/views/components/tabs/nav-link.blade.php
View File

@ -1,7 +1,7 @@
@props(['id', 'name', 'href', 'active']) @props(['id', 'name', 'href', 'active'])
<li <li
class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b tabs-link" class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b whitespace-nowrap tabs-link"
id="tab-{{ $id }}" id="tab-{{ $id }}"
data-id="tab-{{ $id }}" data-id="tab-{{ $id }}"
data-tabs="{{ $id }}" data-tabs="{{ $id }}"

2
resources/views/components/tabs/nav.blade.php
View File

@ -1,7 +1,7 @@
@props(['id', 'name', 'active']) @props(['id', 'name', 'active'])
<li <li
class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b tabs-link" class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b whitespace-nowrap tabs-link"
id="tab-{{ $id }}" id="tab-{{ $id }}"
data-id="tab-{{ $id }}" data-id="tab-{{ $id }}"
data-tabs="{{ $id }}" data-tabs="{{ $id }}"

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

@ -1,4 +1,4 @@
<div class="w-full lg:max-w-6xl m-auto"> <div class="w-full lg:max-w-6xl px-4 lg:px-0 m-auto">
<x-layouts.signed> <x-layouts.signed>
<x-slot name="title"> <x-slot name="title">
{{ setting('invoice.title', trans_choice('general.invoices', 1)) . ': ' . $invoice->document_number }} {{ setting('invoice.title', trans_choice('general.invoices', 1)) . ': ' . $invoice->document_number }}

4
resources/views/reports/profit_loss/content/footer.blade.php
View File

@ -1,5 +1,5 @@
<div class="overflow-x-visible mb-8"> <div class="overflow-x-scroll large-overflow-unset mb-8">
<table class="w-full rp-border-collapse"> <table class="w-full small-table-width rp-border-collapse">
<tbody> <tbody>
<tr> <tr>
<td class="{{ $class->column_name_width }} w-24 ltr:text-left rtl:text-right text-black-400 uppercase font-bold"> <td class="{{ $class->column_name_width }} w-24 ltr:text-left rtl:text-right text-black-400 uppercase font-bold">

4
resources/views/reports/tax_summary/content/header.blade.php
View File

@ -1,5 +1,5 @@
<div class="overflow-x-visible my-8"> <div class="overflow-x-scroll large-overflow-unset my-8">
<table class="w-full rp-border-collapse"> <table class="w-full small-table-width rp-border-collapse">
<thead> <thead>
<tr> <tr>
<th class="{{ $class->column_name_width }} w-24 print-alignment">&nbsp;</th> <th class="{{ $class->column_name_width }} w-24 print-alignment">&nbsp;</th>

27
resources/views/settings/invoice/edit.blade.php
View File

@ -30,30 +30,39 @@
<x-slot name="body"> <x-slot name="body">
<div class="sm:col-span-2 rounded-lg cursor-pointer text-center py-2 px-2"> <div class="sm:col-span-2 rounded-lg cursor-pointer text-center py-2 px-2">
<label class="cursor-pointer"> <label class="cursor-pointer">
<div @click="form.template='default'"> <div @click="form.template='default'" class="flex flex-col items-center">
<img src="{{ asset('public/img/invoice_templates/default.png') }}" class="h-60 my-3" alt="Default" /> <img src="{{ asset('public/img/invoice_templates/default.png') }}" class="h-60 my-3" alt="Default" />
<input type="radio" name="template" value="default" v-model="form._template">
{{ trans('settings.invoice.default') }} <div class="flex items-center space-x-2 rtl:space-x-reverse">
<input type="radio" name="template" value="default" v-model="form._template">
<span> {{ trans('settings.invoice.default') }} </span>
</div>
</div> </div>
</label> </label>
</div> </div>
<div class="sm:col-span-2 rounded-lg cursor-pointer text-center py-2 px-2"> <div class="sm:col-span-2 rounded-lg cursor-pointer text-center py-2 px-2">
<label class="cursor-pointer"> <label class="cursor-pointer">
<div @click="form.template='classic'"> <div @click="form.template='classic'" class="flex flex-col items-center">
<img src="{{ asset('public/img/invoice_templates/classic.png') }}" class="h-60 my-3" alt="Classic" /> <img src="{{ asset('public/img/invoice_templates/classic.png') }}" class="h-60 my-3" alt="Classic" />
<input type="radio" name="template" value="classic" v-model="form._template">
{{ trans('settings.invoice.classic') }} <div class="flex items-center space-x-2 rtl:space-x-reverse">
<input type="radio" name="template" value="classic" v-model="form._template">
<span> {{ trans('settings.invoice.classic') }} </span>
</div>
</div> </div>
</label> </label>
</div> </div>
<div class="sm:col-span-2 rounded-lg cursor-pointer text-center py-2 px-2"> <div class="sm:col-span-2 rounded-lg cursor-pointer text-center py-2 px-2">
<label class="cursor-pointer"> <label class="cursor-pointer">
<div @click="form.template='modern'"> <div @click="form.template='modern'" class="flex flex-col items-center">
<img src="{{ asset('public/img/invoice_templates/modern.png') }}" class="h-60 my-3" alt="Modern" /> <img src="{{ asset('public/img/invoice_templates/modern.png') }}" class="h-60 my-3" alt="Modern" />
<input type="radio" name="template" value="modern" v-model="form._template">
{{ trans('settings.invoice.modern') }} <div class="flex items-center space-x-2 rtl:space-x-reverse">
<input type="radio" name="template" value="modern" v-model="form._template">
<span> {{ trans('settings.invoice.modern') }} </span>
</div>
</div> </div>
</label> </label>
</div> </div>

3
safelist.txt
View File

@ -15,6 +15,9 @@ lg:relative
lg:right-0 lg:right-0
lg:justify-around lg:justify-around
lg:space-x-16 lg:space-x-16
sm:ltr:right-4
sm:rtl:left-4
sm:w-500
ltr:-right-1.5 ltr:-right-1.5
rtl:-left-1.5 rtl:-left-1.5
rtl:-scale-x-100 rtl:-scale-x-100