nandi.uk
This repository has no description
feat: scrollable profile tabs
author
Pouria Delfanazari
date
(Oct 24, 2025, 6:15 PM -0700)
commit
2f056115
2f05611506ddbb0fade3cb6df24cdc7ce371b947
parent
4c04c092
4c04c09257ed2cad03e313c8c0c06b31a77aed48
+16
-12
+16
-12
src/webapp/features/profile/components/profileTabs/ProfileTabs.tsx
+16
-12
src/webapp/features/profile/components/profileTabs/ProfileTabs.tsx
···
1
1
'use client';
2
2
3
-
import { Tabs } from '@mantine/core';
3
+
import { Group, ScrollAreaAutosize, Tabs } from '@mantine/core';
4
4
import TabItem from './TabItem';
5
5
import { usePathname } from 'next/navigation';
6
6
···
16
16
17
17
return (
18
18
<Tabs value={currentTab}>
19
-
<Tabs.List>
20
-
<TabItem value="profile" href={basePath}>
21
-
Profile
22
-
</TabItem>
23
-
<TabItem value="cards" href={`${basePath}/cards`}>
24
-
Cards
25
-
</TabItem>
26
-
<TabItem value="collections" href={`${basePath}/collections`}>
27
-
Collections
28
-
</TabItem>
29
-
</Tabs.List>
19
+
<ScrollAreaAutosize type="scroll">
20
+
<Tabs.List>
21
+
<Group wrap="nowrap">
22
+
<TabItem value="profile" href={basePath}>
23
+
Profile
24
+
</TabItem>
25
+
<TabItem value="cards" href={`${basePath}/cards`}>
26
+
Cards
27
+
</TabItem>
28
+
<TabItem value="collections" href={`${basePath}/collections`}>
29
+
Collections
30
+
</TabItem>
31
+
</Group>
32
+
</Tabs.List>
33
+
</ScrollAreaAutosize>
30
34
</Tabs>
31
35
);
32
36
}