Hide scrollbars on expense tab strips

This commit is contained in:
Jose Selesan
2026-06-01 08:20:19 -03:00
parent 2fd23cedc6
commit bd53b26f29
3 changed files with 11 additions and 2 deletions

View File

@@ -17,7 +17,7 @@ function ExpensesPageInner() {
<div className="space-y-4">
<h1 className="text-2xl font-semibold text-balance">Gastos</h1>
<div className="flex gap-1 overflow-x-auto border-b">
<div className="scrollbar-none flex gap-1 overflow-x-auto border-b">
{tabs.map((tab) => (
<button
key={tab.id}

View File

@@ -65,7 +65,7 @@ export function ExpensesTabContent() {
return (
<div className="space-y-4">
<div className="space-y-3 sm:flex sm:flex-wrap sm:items-center sm:justify-between sm:gap-2 sm:space-y-0">
<div className="flex gap-1 overflow-x-auto pb-1 sm:pb-0">
<div className="scrollbar-none flex gap-1 overflow-x-auto pb-1 sm:pb-0">
{filters.map((f) => (
<Button
key={f.value}