nim_grid_restyle

app/components/Show.php

@@ -13,8 +13,10 @@ use A7kz\Platform\Modules\Platform\Core\Services\Base\Component;
 
 class Show extends Component
 {
+
     public function __construct(array $params = [])
     {
+        dd(123);
         parent::__construct($params, '');
         $this->template = "components.show";
     }

modules/auto/app.json

@@ -226,6 +226,7 @@
             "add": {
                 "title": "Добавление автомобиля",
                 "template": "app.base.crud.form",
+                "component": "App.components.Show",
                 "form": {
                     "submits": "struct:crud.form.edit.submits",
                     "rows": [

resources/assets/sass/app.scss

@@ -21,6 +21,7 @@
 @import 'components/card';
 @import 'components/log-reg-container';
 @import 'components/global-alert';
+@import "components/grid";
 
 
 body {

resources/assets/sass/components/grid.scss

@@ -0,0 +1,15 @@
+.filter-container-parent {
+    border: none;
+    border-radius: 15px;
+    box-shadow: $box-shadow;
+    .filter-container {
+        border-radius: 15px;
+        border: none;
+        button {
+            font-size: 0.875rem;
+            padding: 0.6rem 0.8rem;
+        }
+    }
+}
+
+

resources/assets/sass/components/table.scss

@@ -1,7 +1,7 @@
 .table-container {
     background-color: #fff;
-    border-radius: 6px;
-    border: 1px solid $border-color;
+    border-radius: 15px;
+    box-shadow: $box-shadow;
 
     .table-hover > tbody > tr:hover > * {
         --bs-table-accent-bg: #f2f2f2;
@@ -12,9 +12,9 @@
     }
 
     .table {
-        border-radius: 6px;
         background-color: #fff;
         margin: 0;
+        border-radius: 15px;
 
         th, td {
             padding: 10px 15px;
@@ -148,4 +148,53 @@
             }
         }
     }
+    .page-item {
+        margin: 7px;
+
+        .page-link {
+            color: $gray-color;
+            border-radius: 8px;
+            box-shadow: 0 0 6px -3px rgb(143, 143, 143);
+            border: none;
+        }
+
+         &.active > .page-link {
+            background-color: $primary-color;
+            border-color: $primary-color;
+            color: $white;
+        }
+    }
+}
+
+tfoot:not(:empty) tr:last-child td:first-child {
+    border-bottom-left-radius: 15px;
+}
+
+tfoot:not(:empty) tr:last-child td:last-child {
+    border-bottom-right-radius: 15px;
+}
+tbody tr:last-child td:first-child {
+    border-bottom-left-radius: 15px;
+}
+
+tbody tr:last-child td:last-child {
+    border-bottom-right-radius: 15px;
+}
+tfoot tr:last-child {
+    border-bottom: none;
+}
+
+tfoot tr:last-child td {
+    border-bottom: none;
+}
+thead tr:first-child th:first-child,
+{
+    border-top-left-radius: 15px;
+}
+thead tr:first-child th:last-child {
+    border-top-right-radius: 15px;
+}
+
+tbody tr:last-child td {
+    border-bottom: none;
 }

resources/views/components/grid.blade.php

@@ -37,6 +37,7 @@ if (isset($actions->show) && \A7kz\Platform\Modules\Platform\Acl\Facades\Acl::is
     </div>
 </div>
 <div>
+<div class="filter-container-parent">
     {!! $app->filter() !!}
 </div>
 <div class="table-container @if($app->data->isSubCrud() ?? false)subcrud-table @endif">

resources/views/components/show.blade.php

@@ -35,7 +35,7 @@
             <div class="card-body">
                 @if(!isset($form->getConfig()->form->hide_prev_next_pk))
                     <div class="row">
-                        <div class="col text-center">
+                        <div class="col text-center" style="flex-direction: row;display: flex;justify-content: center;column-gap: 1rem;">
                                 <?php $next = $app->data->getNextPkValue(); $prev = $app->data->getPrevPkValue(); ?>
                             @if($prev) <a class="btn btn-outline" href="{{$app->getPath()}}/{{$form->action()}}?pk={{$prev}}"><i class="bi bi-caret-left-fill">123</i></a> @endif
                             @if($next) <a class="btn btn-primary" href="{{$app->getPath()}}/{{$form->action()}}?pk={{$next}}"><i class="bi bi-caret-right-fill"></i></a> @endif