styling

EveripediaNetwork · Jul 10, 2024 · 99108c4 · 99108c4
1 parent 0232599
commit 99108c4
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/src/pages/tags/[tag].tsx b/src/pages/tags/[tag].tsx
@@ -112,13 +112,28 @@ const TagPage: NextPage<TagPageProps> = ({ tagId, wikis }: TagPageProps) => {
             <Link
               href={`/rank/${getRankCatByTag(tagId)}`}
               as={HStack}
-              rounded="md"
               border="solid 1px"
               borderColor="gray.300"
               bgColor="cardBg"
               w="fit-content"
               p={2}
-              _hover={{ textDecoration: 'none', bgColor: 'gray.100' }}
+              rounded="full"
+              color="gray.600"
+              fontWeight="500"
+              sx={{
+                '&:hover, &:focus, &:active': {
+                  bgColor: 'gray.200',
+                  textDecoration: 'none',
+                  boxShadow: 'none',
+                  _dark: {
+                    bgColor: 'whiteAlpha.400',
+                  },
+                },
+              }}
+              _dark={{
+                color: 'whiteAlpha.900',
+                borderColor: 'whiteAlpha.700',
+              }}
             >
               <RiOrganizationChart />
               <Text fontSize="sm">View on Rank Table</Text>