¨4.0.1¨

Modules/Slider/Resources/assets/admin/sass/main.scss

@@ -27,11 +27,21 @@
 
         span {
             font-size: 16px;
+            font-weight: 500;
         }
 
         .btn {
+            color: #737881;
             padding: 0;
             background: transparent;
+
+            i {
+                -webkit-text-stroke: 1px #f6f6f7;
+            }
+
+            &:hover {
+                color: #333333;
+            }
         }
     }
 
@@ -47,8 +57,12 @@
                 margin: 0;
                 border: none;
 
-                a[data-toggle=tab] {
+                a[data-toggle="tab"] {
                     outline: none;
+
+                    &:after {
+                        bottom: 0;
+                    }
                 }
             }
 
@@ -122,12 +136,12 @@
             position: relative;
             left: auto;
             top: auto;
-            margin: 15px auto 30px;
+            margin: 10px 0 15px;
             display: table;
         }
 
         .slide-body .slide-tabs {
-            margin: 0;
+            margin-left: 0;
             clear: both;
         }
 

Modules/Slider/Resources/views/admin/sliders/create.blade.php

@@ -8,7 +8,7 @@
 @endcomponent
 
 @section('content')
-    <form method="POST" action="{{ route('admin.sliders.store') }}" class="form-horizontal" id="slider-create-form" novalidate>
+    <form method="POST" action="{{ route('admin.sliders.store') }}" id="slider-create-form" class="form-horizontal" novalidate>
         {{ csrf_field() }}
 
         {!! $tabs->render(compact('slider')) !!}
@@ -16,3 +16,12 @@
 @endsection
 
 @include('slider::admin.sliders.partials.shortcuts')
+
+@push('globals')
+    @vite([
+        'Modules/Slider/Resources/assets/admin/sass/main.scss',
+        'Modules/Slider/Resources/assets/admin/js/main.js',
+        'Modules/Media/Resources/assets/admin/sass/main.scss',
+        'Modules/Media/Resources/assets/admin/js/main.js',
+    ])
+@endpush

Modules/Slider/Resources/views/admin/sliders/edit.blade.php

@@ -18,3 +18,10 @@
 @endsection
 
 @include('slider::admin.sliders.partials.shortcuts')
+
+@push('globals')
+    @vite([
+        'Modules/Slider/Resources/assets/admin/sass/main.scss',
+        'Modules/Slider/Resources/assets/admin/js/main.js',
+    ])
+@endpush

Modules/Slider/Resources/views/admin/sliders/index.blade.php

@@ -24,7 +24,7 @@
 @endcomponent
 
 @push('scripts')
-    <script>
+    <script type="module">
         new DataTable('#sliders-table .table', {
             columns: [
                 { data: 'checkbox', orderable: false, searchable: false, width: '3%' },

Modules/Slider/Resources/views/admin/sliders/partials/shortcuts.blade.php

@@ -6,7 +6,7 @@
 @endpush
 
 @push('scripts')
-    <script>
+    <script type="module">
         keypressAction([
             { key: 'b', route: "{{ route('admin.sliders.index') }}" }
         ]);

Modules/Slider/Resources/views/admin/sliders/templates/slide.blade.php

@@ -82,7 +82,7 @@
 
                                     <select
                                         name="slides[<%- slideNumber %>][direction]"
-                                        class="form-control"
+                                        class="form-control custom-select-black"
                                         id="slides-<%- slideNumber %>-direction"
                                         value="<%- slide.direction %>"
                                     >