Merge pull request #2673 from brkcvn/master

Front-end developments

app/Abstracts/Widget.php

@@ -17,7 +17,7 @@ abstract class Widget
     public $default_name = '';
 
     public $default_settings = [
-        'width' => 'w-full lg:w-2/4 px-12 my-8',
+        'width' => 'w-full lg:w-2/4 lg:px-12 my-8',
     ];
 
     public $description = '';

app/Models/Document/Document.php

@@ -488,6 +488,20 @@ class Document extends Model
             return $actions;
         }
 
+        if (app('mobile-detect')->isMobile()) {
+            try {
+                $actions[] = [
+                    'title' => trans('general.show'),
+                    'icon' => 'visibility',
+                    'url' => route($prefix . '.show', $this->id),
+                    'permission' => 'read-' . $group . '-' . $permission_prefix,
+                    'attributes' => [
+                        'id' => 'index-more-actions-show-' . $this->id,
+                    ],
+                ];
+            } catch (\Exception $e) {}
+        }
+
         try {
             if (! $this->reconciled) {
                 $actions[] = [

public/css/app.css

@@ -49967,6 +49967,11 @@ body{
     margin-bottom: 3rem;
   }
 
+  .lg\:-mx-12{
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
   .lg\:my-0{
     margin-top: 0px;
     margin-bottom: 0px;
@@ -50050,6 +50055,10 @@ body{
     width: 2.25rem;
   }
 
+  .lg\:w-96{
+    width: 24rem;
+  }
+
   .lg\:w-1\/2{
     width: 50%;
   }
@@ -50130,10 +50139,6 @@ body{
     width: 1rem;
   }
 
-  .lg\:w-96{
-    width: 24rem;
-  }
-
   .lg\:w-2\/4{
     width: 50%;
   }
@@ -50235,6 +50240,26 @@ body{
     border-right-width: 1px;
   }
 
+  .lg\:px-3{
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .lg\:px-4{
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .lg\:px-6{
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .lg\:px-12{
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
   .lg\:px-24{
     padding-left: 6rem;
     padding-right: 6rem;
@@ -50245,11 +50270,6 @@ body{
     padding-bottom: 0px;
   }
 
-  .lg\:px-12{
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
   .lg\:pl-24{
     padding-left: 6rem;
   }

resources/lang/en-GB/transactions.php

@@ -24,7 +24,7 @@ return [
         'create_recurring'  => ':user created this recurring template on :date',
         'schedule'          => 'Repeat every :interval :frequency since :date',
         'children'          => ':count transactions were created automatically',
-        'transfer_headline' => 'From :from_account to :to_account',
+        'transfer_headline' => '<div> <span class="font-bold"> From: </span> :from_account </div> <div> <span class="font-bold"> to: </span> :to_account </div>',
         'transfer_desc'     => 'Transfer created on :date.',
     ],
 

resources/views/common/dashboards/show.blade.php

@@ -179,7 +179,7 @@
     @endsection
 
     <x-slot name="content">
-        <div class="dashboard flex flex-wrap -mx-12">
+        <div class="dashboard flex flex-wrap lg:-mx-12">
             @foreach($widgets as $widget)
                 @widget($widget)
             @endforeach

resources/views/components/documents/index/information.blade.php

@@ -1,4 +1,4 @@
-<div id="{{ $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 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 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>

resources/views/components/layouts/auth.blade.php

@@ -14,7 +14,7 @@
 
         @stack('body_start')
 
-        <div id="app" class="bg-no-repeat bg-cover bg-center" style="background-image: url({{ asset('public/img/auth/login-bg.png') }});">
+        <div id="app" class="h-screen lg:h-auto bg-no-repeat bg-cover bg-center" style="background-image: url({{ asset('public/img/auth/login-bg.png') }});">
             <div class="relative w-full lg:max-w-7xl flex items-center m-auto">
                 <x-layouts.auth.slider>
                     {!! $slider ?? '' !!}

resources/views/components/layouts/install.blade.php

@@ -9,7 +9,7 @@
     <body>
         @stack('body_start')
 
-        <div class="bg-no-repeat bg-cover bg-center" style="background-image: url({{ asset('public/img/auth/login-bg.png') }});">
+        <div class="h-screen lg:h-auto bg-no-repeat bg-cover bg-center" style="background-image: url({{ asset('public/img/auth/login-bg.png') }});">
             @if (! file_exists(public_path('js/install.min.js')))
                 <div class="relative w-full lg:max-w-7xl flex flex-col lg:flex-row items-center m-auto">
                     <div class="md:w-6/12 h-screen hidden lg:flex flex-col items-center justify-center">

resources/views/components/transactions/show/transfer.blade.php

@@ -16,7 +16,7 @@
             />
             
             @if ($transfer)
-                <div class="text-black-400 text-sm flex gap-x-1 mt-1">
+                <div class="text-black-400 text-sm space-y-3 mt-1">
                     {!! trans('transactions.slider.transfer_headline', ['from_account' => $from_account, 'to_account' => $to_account]) !!}
                 </div>
             @endif

resources/views/widgets/bank_feeds.blade.php

@@ -1,7 +1,7 @@
 @if (! empty($module))
     {!! $module !!}
 @else
-    <div class="relative w-full lg:w-1/2 my-8 px-12">
+    <div class="relative w-full lg:w-1/2 my-8 lg:px-12">
         <div class="relative pb-2 my-4 lg:my-0 z-10">
             <div class="flex justify-between font-medium mb-2">
                 <h2 class="text-black">

safelist.txt

@@ -6,6 +6,11 @@ lg:mt-4
 lg:pl-6
 lg:w-9
 lg:mt-11
+lg:-mx-12
+lg:w-96
+lg:px-3
+lg:px-4
+lg:px-6
 lg:relative
 lg:right-0
 lg:justify-around