style: resolve table scrollbar gap by using transparent scroll tracks and linear background gradient on container

2026-05-31 06:19:14 +05:00
parent 360c9edcef
commit 61fd356846
3 changed files with 5 additions and 5 deletions
@@ -392,7 +392,7 @@
 {% macro table_container_open(id, max_height="68vh") %}
 <!-- Table Container -->
 <div class="bg-[#1e293b]/40 backdrop-blur-xl border border-slate-900 rounded-3xl shadow-2xl mb-8 overflow-hidden">
-    <div id="{{ id }}-container" class="overflow-x-auto overflow-y-overlay scrollbar-thin rounded-[22px]" style="max-height: {{ max_height }};">
+    <div id="{{ id }}-container" class="overflow-x-auto overflow-y-auto scrollbar-thin rounded-[22px]" style="max-height: {{ max_height }}; background: linear-gradient(to bottom, #162031 58px, transparent 58px);">
 {% endmacro %}

 {% macro table_container_close(id) %}