saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-04-19 10:51:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix tabmenu style on mboile

Browse Source
This commit is contained in:
austinkelsay 2025-03-29 12:21:39 -05:00
parent 12c2711622
commit b998a79f95
No known key found for this signature in database
GPG Key ID: 5A763922E5BA08EE
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/index.js
View File

@ -76,9 +76,9 @@ const MenuTab = ({ selectedTopic, onTabChange, allTopics }) => {
activeIndex={allItems.indexOf(selectedTopic)}
onTabChange={(e) => onTabChange(allItems[e.index])}
pt={{
menu: { className: 'bg-transparent border-none my-2 mb-4' },
menu: { className: 'bg-transparent border-none my-2 py-1' },
action: ({ context, parent }) => ({
className: 'cursor-pointer select-none flex items-center relative no-underline overflow-hidden border-b-2 p-2 font-bold rounded-t-lg',
className: 'cursor-pointer select-none flex items-center relative no-underline overflow-hidden border-b-2 p-2 pl-1 font-bold rounded-t-lg',
style: { top: '2px' }
}),
menuitem: { className: 'mr-0' }
@ -172,12 +172,12 @@ export default function Home() {
</Head>
<main>
<HeroBanner />
<div className="w-full px-12">
<div className="w-full px-4 md:px-12">
<MenuTab
selectedTopic={selectedTopic}
onTabChange={handleTopicChange}
allTopics={allTopics}
className="max-w-[90%] mx-auto"
className="w-full"
/>
</div>
<div className="w-full px-4">