style: padding in media panel tabs

This commit is contained in:
Maze Winther
2025-08-02 16:12:50 +02:00
parent 2c0423667c
commit ae54aff1a9
@@ -61,7 +61,7 @@ export function TabBar() {
}, []); }, []);
return ( return (
<div className="flex pt-4"> <div className="flex">
<ScrollButton <ScrollButton
direction="left" direction="left"
onClick={scrollToStart} onClick={scrollToStart}
@@ -69,7 +69,7 @@ export function TabBar() {
/> />
<div <div
ref={scrollContainerRef} ref={scrollContainerRef}
className="h-full px-4 flex flex-col justify-start items-center gap-5 overflow-x-auto scrollbar-x-hidden relative w-full" className="h-full px-4 flex flex-col justify-start items-center gap-5 overflow-x-auto scrollbar-x-hidden relative w-full py-4"
> >
{(Object.keys(tabs) as Tab[]).map((tabKey) => { {(Object.keys(tabs) as Tab[]).map((tabKey) => {
const tab = tabs[tabKey]; const tab = tabs[tabKey];