the table header should have this style:
!bg-[#098790] text-white hover:!bg-[#098790]
I'll update the table header with the requested styling.
I've updated the table header with the requested styling. Now the header row has:
#098790)The ! in the class names ensures these styles take precedence over any default styles from the shadcn/ui Table component.
Add a filter to only show those companies with pending benefits to apply. Change the tab style to match the image, aligning them to the left.
I'll update the tabs to match the image style and add a filter for companies with pending benefits.
I've made the following changes:
Updated Tab Styling:
Added Filtering for Pending Benefits:
The tabs now have the same appearance as in the provided image, with left-aligned text and a light gray background. The filter allows users to quickly focus on companies that need attention for pending benefits.
use a toggle button with text: only pending benefits