5.7.5-rev

Author: laravelwebdev

public/app.css

@@ -1,8 +1,8 @@
 {
-    "/app.js": "/app.js?id=8b0adba6dc2243667e83739a6fa92538",
+    "/app.js": "/app.js?id=eaafcecbc6b35b40bfd851e7cf159d8b",
     "/ui.js": "/ui.js?id=b8df0ca1161b86cfb1aca2b3b642e584",
     "/manifest.js": "/manifest.js?id=3267e5c99fd7b729e2f38ec55b50397d",
-    "/app.css": "/app.css?id=4ac240e9b4c482451bf95d4161751414",
+    "/app.css": "/app.css?id=6bf1ed6c465b3593de019b3e9a3a58e5",
     "/vendor.js": "/vendor.js?id=6ae7fe3f69a61c1b9893625b83d40c36",
     "/fonts/snunitosansv11pe01mimslybiv1o4x1m8cce4g1pty10iurt9w6fk2a.woff2": "/fonts/snunitosansv11pe01mimslybiv1o4x1m8cce4g1pty10iurt9w6fk2a.woff2?id=c8390e146be0a3c8a5498355dec892ae",
     "/fonts/snunitosansv11pe01mimslybiv1o4x1m8cce4g1pty14iurt9w6fk2a.woff2": "/fonts/snunitosansv11pe01mimslybiv1o4x1m8cce4g1pty14iurt9w6fk2a.woff2?id=b0735c7dd6126471acbaf9d6e9f5e41a",

public/app.js

@@ -9,6 +9,7 @@
       <div
         v-if="value.length > 0"
         class="overflow-hidden overflow-x-auto relative"
+        :class="card.scrollable ? 'h-[320px] overflow-y-auto' : ''"
       >
         <table class="w-full table-default table-fixed">
           <tbody
@@ -18,6 +19,7 @@
           </tbody>
         </table>
       </div>
+
       <div v-else class="flex flex-col items-center justify-between px-6 gap-2">
         <p class="font-normal text-center py-4">
           {{ card.emptyText }}
@@ -95,3 +97,11 @@ export default {
   },
 }
 </script>
+
+<style scoped>
+/* Scrollbar tipis (aktif hanya jika overflow-y-auto ada, yaitu saat scrollable = true) */
+::-webkit-scrollbar { width: 6px; }
+::-webkit-scrollbar-thumb { background-color: rgba(100,116,139,.5); border-radius: 9999px; }
+::-webkit-scrollbar-thumb:hover { background-color: rgba(100,116,139,.8); }
+::-webkit-scrollbar-track { background: transparent; }
+</style>

public/mix-manifest.json

@@ -21,6 +21,8 @@ class Table extends Metric
      */
     public $emptyText = 'No Results Found...';
 
+    public $scrollable = false;
+
     /**
      * Set the text to be displayed when the table is empty.
      *
@@ -33,6 +35,18 @@ public function emptyText(Stringable|string $text)
         return $this;
     }
 
+    /**
+     * Set the table's scrollable behavior.
+     *
+     * @param  bool  $scrollable
+     * @return $this
+     */
+    public function scrollable(bool $scrollable = true)
+    {
+        $this->scrollable = $scrollable;
+
+        return $this;
+    }
     /**
      * Prepare the metric for JSON serialization.
      *
@@ -43,6 +57,7 @@ public function jsonSerialize(): array
     {
         return array_merge(parent::jsonSerialize(), [
             'emptyText' => Nova::__($this->emptyText),
+            'scrollable' => Nova::__($this->scrollable),
         ]);
     }
 }