Merge pull request #473 from semaphore-protocol/website/460

Fix Tab selectors on smaller screens
semaphore-protocol · Dec 12, 2023 · cbf66a8 · cbf66a8
2 parents 2b0afdf + fd95c3d
commit cbf66a8
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/apps/website/src/app/learn/page.tsx b/apps/website/src/app/learn/page.tsx
@@ -8,7 +8,6 @@ import {
     TabPanels,
     Tab,
     TabPanel,
-    TabIndicator,
     Divider,
     Box,
     Image
@@ -292,15 +291,14 @@ await verifyProof(verificationKey, fullProof)`,
                 >
                     <Box overflow="auto" mx="3">
                         <TabList gap="40px" w="max-content" whiteSpace="nowrap">
-                            <Tab px={0} fontSize="24px">
+                            <Tab px={0} fontSize="24px" _selected={{ borderBottom: "2px solid white" }}>
                                 About Semaphore
                             </Tab>
-                            <Tab px={0} fontSize="24px">
+                            <Tab px={0} fontSize="24px" _selected={{ borderBottom: "2px solid white" }}>
                                 About Zero Knowledge
                             </Tab>
                         </TabList>
                     </Box>
-                    <TabIndicator mt="-1.5px" height="2px" bg="white" borderRadius="1px" />
                     <TabPanels mt="80px">
                         <TabPanel>{renderTabBlockSemaphore()}</TabPanel>
                         <TabPanel>{renderTabBlockZeroKnowledge()}</TabPanel>