Skip to content

Commit

Permalink
responsive compatibility controlled
Browse files Browse the repository at this point in the history
  • Loading branch information
@brkcvn
brkcvn committed Oct 31, 2022
1 parent a308bd3 commit 4bea0a8
Show file tree
Hide file tree
Showing 10 changed files with 43 additions and 39 deletions.
42 changes: 23 additions & 19 deletions public/css/app.css
View file
Expand Up @@ -7404,30 +7404,30 @@ button, input, optgroup, select, textarea{
width: -moz-fit-content;
width: fit-content;
}
.w-5\/12{
width: 41.666667%;
.w-8\/12{
width: 66.666667%;
}
.w-4\/12{
width: 33.333333%;
}
.w-3\/12{
width: 25%;
}
.w-6\/12{
width: 50%;
}
.w-3\/12{
width: 25%;
}
.w-2\/12{
width: 16.666667%;
}
.w-9\/12{
width: 75%;
}
.w-8\/12{
width: 66.666667%;
}
.w-7\/12{
width: 58.333333%;
}
.w-5\/12{
width: 41.666667%;
}
.w-1\/2{
width: 50%;
}
Expand Down Expand Up @@ -50883,10 +50883,6 @@ body{
margin-top: -6rem;
}

.sm\:mt-10{
margin-top: 2.5rem;
}

.sm\:mt-2{
margin-top: 0.5rem;
}
Expand All @@ -50895,6 +50891,14 @@ body{
margin-top: 0px;
}

.sm\:mb-5{
margin-bottom: 1.25rem;
}

.sm\:ml-8{
margin-left: 2rem;
}

.sm\:block{
display: block;
}
Expand All @@ -50921,14 +50925,14 @@ body{
width: 50%;
}

.sm\:w-3\/12{
width: 25%;
}

.sm\:w-5\/12{
width: 41.666667%;
}

.sm\:w-3\/12{
width: 25%;
}

.sm\:w-4\/12{
width: 33.333333%;
}
Expand Down Expand Up @@ -51030,9 +51034,9 @@ body{
border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}

.sm\:px-8{
padding-left: 2rem;
padding-right: 2rem;
.sm\:px-0{
padding-left: 0px;
padding-right: 0px;
}

.sm\:text-6xl{
Expand Down
2 changes: 1 addition & 1 deletion resources/assets/js/components/AkauntingModal.vue
View file
Expand Up @@ -7,7 +7,7 @@
tabindex="-1"
role="dialog"
: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">
<div class="modal-content">
<div class="p-5 bg-body rounded-tl-lg rounded-tr-lg">
Expand Down
2 changes: 1 addition & 1 deletion resources/assets/js/components/AkauntingModalAddNew.vue
View file
Expand Up @@ -7,7 +7,7 @@
tabindex="-1"
role="dialog"
: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">
<div class="modal-content">
<div class="p-5 bg-body rounded-tl-lg rounded-tr-lg">
Expand Down
14 changes: 7 additions & 7 deletions resources/views/banking/accounts/show.blade.php
View file
Expand Up @@ -25,7 +25,7 @@
@stack('create_button_start')

<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') }}
<span class="material-icons ltr:ml-2 rtl:mr-2">expand_more</span>
</x-slot>
Expand Down Expand Up @@ -344,7 +344,7 @@
</x-slot>
</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-sortablelink column="expense_transaction.name" title="{{ trans('transfers.from_account') }}" />
</x-slot>
Expand All @@ -353,7 +353,7 @@
</x-slot>
</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-sortablelink column="expense_transaction.rate" title="{{ trans('transfers.from_rate') }}" />
</x-slot>
Expand All @@ -362,7 +362,7 @@
</x-slot>
</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-sortablelink column="expense_transaction.amount" title="{{ trans('transfers.from_amount') }}" />
</x-slot>
Expand Down Expand Up @@ -397,7 +397,7 @@
</x-slot>
</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">
{{ $item->expense_transaction->account->name }}
</x-slot>
Expand All @@ -406,7 +406,7 @@
</x-slot>
</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">
{{ $item->expense_transaction->currency_rate }}
</x-slot>
Expand All @@ -415,7 +415,7 @@
</x-slot>
</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-money :amount="$item->expense_transaction->amount" :currency="$item->expense_transaction->currency_code" convert />
</x-slot>
Expand Down
2 changes: 1 addition & 1 deletion resources/views/components/contacts/show/buttons.blade.php
View file
Expand Up @@ -2,7 +2,7 @@

@if (! $hideNewDropdown)
<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') }}
<span class="material-icons ltr:ml-2 rtl:mr-2">expand_more</span>
</x-slot>
Expand Down
10 changes: 5 additions & 5 deletions resources/views/components/contacts/show/content.blade.php
View file
Expand Up @@ -66,7 +66,7 @@
<x-show.content.left>
@stack('customer_address_start')
@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>
<span>{{ $contact->address }}<br>{{ $contact->location }}</span>
</div>
Expand All @@ -76,7 +76,7 @@
@stack('customer_tax_number_start')
@if (! $hideTaxNumber)
@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>
<span>{{ $contact->tax_number }}</span>
</div>
Expand All @@ -87,7 +87,7 @@
@stack('customer_website_start')
@if (! $hideWebsite)
@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>
<span>{{ $contact->website }}</span>
</div>
Expand All @@ -98,7 +98,7 @@
@stack('customer_reference_start')
@if (! $hideReference)
@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>
<span>{{ $contact->reference }}</span>
</div>
Expand All @@ -108,7 +108,7 @@

@stack('customer_client_portal_start')
@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 cursor-default">
<x-tooltip id="tooltip-client-describe" placement="bottom" size="w-2/12" message="{{ trans('customers.client_portal_description') }}">
Expand Down
2 changes: 1 addition & 1 deletion 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 !!}
</div>
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 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 !!}
</div>
4 changes: 2 additions & 2 deletions 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())
<div class="w-12 h-12 flex items-center justify-center text-2xl font-regular border border-gray-300 rounded-full p-6">
{!! $avatar !!}
</div>
@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 !!}
</div>
</div>
2 changes: 1 addition & 1 deletion 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())
{!! $slot !!}
@elseif (! empty($items))
Expand Down

0 comments on commit 4bea0a8

Please sign in to comment.