feat(front): apr modal, layermenu, issues !!! (#32)

* fix tabs * wip * lint
AngleProtocol · Dec 16, 2024 · 274a791 · 274a791
1 parent 312fdde
commit 274a791
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/components/primitives/Button.tsx b/src/components/primitives/Button.tsx
@@ -17,7 +17,7 @@ export const buttonStyles = tv(
         hype: "text-main-1 bg-accent-11 active:bg-accent-10",
       },
       size: {
-        xs: "px-sm py-xs gap-sm text-xs",
+        xs: "px-sm py-sm gap-sm text-xs",
         sm: "px-sm py-md gap-sm text-sm",
         md: "px-md py-md gap-sm text-base",
         lg: "px-lg py-lg gap-sm text-lg",

diff --git a/src/components/primitives/Tabs.tsx b/src/components/primitives/Tabs.tsx
@@ -147,22 +147,29 @@ export default function Tabs({ look, size, to, theme, className, tabs = [], ...p
       <Container>
         <Group className={mergeClass(line(), "gap-xl*2 items-center w-full")}>
           {tabs.map(tab => {
+            const relativeUrl = tab.link.split("?")[0];
+
             return (
               <>
                 {tab.link ? (
                   <EventBlocker key={tab.key}>
                     <Link
                       to={tab.link}
                       style={themeVars}
-                      className={mergeClass(styleProps, base(), className, location.pathname === tab.link && active())}>
+                      className={mergeClass(
+                        styleProps,
+                        base(),
+                        className,
+                        location.pathname === relativeUrl && active(),
+                      )}>
                       {tab.label}
                     </Link>
                   </EventBlocker>
                 ) : (
                   <button
                     key={tab.key}
                     style={themeVars}
-                    className={mergeClass(styleProps, base(), className, location.pathname === tab.link && active())}
+                    className={mergeClass(styleProps, base(), className, location.pathname === relativeUrl && active())}
                     type="button"
                     {...props}>
                     {tab.label}