saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-08-25 22:09:22 +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)} activeIndex={allItems.indexOf(selectedTopic)}
onTabChange={(e) => onTabChange(allItems[e.index])} onTabChange={(e) => onTabChange(allItems[e.index])}
pt={{ pt={{
menu: { className: 'bg-transparent border-none my-2 mb-4' }, menu: { className: 'bg-transparent border-none my-2 py-1' },
action: ({ context, parent }) => ({ 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' } style: { top: '2px' }
}), }),
menuitem: { className: 'mr-0' } menuitem: { className: 'mr-0' }
@ -172,12 +172,12 @@ export default function Home() {
</Head> </Head>
<main> <main>
<HeroBanner /> <HeroBanner />
<div className="w-full px-12"> <div className="w-full px-4 md:px-12">
<MenuTab <MenuTab
selectedTopic={selectedTopic} selectedTopic={selectedTopic}
onTabChange={handleTopicChange} onTabChange={handleTopicChange}
allTopics={allTopics} allTopics={allTopics}
className="max-w-[90%] mx-auto" className="w-full"
/> />
</div> </div>
<div className="w-full px-4"> <div className="w-full px-4">