fix: hide scrollbars on node tables

- Add scrollbar-width: none for Firefox
- Add -ms-overflow-style: none for IE/Edge
- Add ::-webkit-scrollbar { display: none } for Chrome/Safari
- Tables still scroll horizontally but without visible scrollbars
This commit is contained in:
Pulse Monitor
2025-08-26 19:42:51 +00:00
parent a65f721209
commit d2e6bd5e72
2 changed files with 8 additions and 2 deletions
@@ -85,7 +85,10 @@ export const PBSNodeTable: Component<PBSNodeTableProps> = (props) => {
return (
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
<div class="overflow-x-auto" style="overflow-x: auto;">
<div class="overflow-x-auto" style="overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;">
<style>{`
.overflow-x-auto::-webkit-scrollbar { display: none; }
`}</style>
<table class="w-full" style="min-width: 1000px;">
<thead>
<tr class="border-b border-gray-200 dark:border-gray-700">
@@ -151,7 +151,10 @@ export const PVENodeTable: Component<PVENodeTableProps> = (props) => {
return (
<Show when={showTable()}>
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
<div class="overflow-x-auto" style="overflow-x: auto;">
<div class="overflow-x-auto" style="overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;">
<style>{`
.overflow-x-auto::-webkit-scrollbar { display: none; }
`}</style>
<table class="w-full" style="min-width: 1000px;">
<thead>
<tr class="border-b border-gray-200 dark:border-gray-700">