Merge branch 'style' into development

2026-07-12 21:30:02 -07:00
parent 48eb7d71b2 4f81f3c0ca
commit 3cc16bdeb2
72 changed files with 1547 additions and 472 deletions
@@ -34,6 +34,8 @@ export const NavLink = ({
      to={href}
      className={styles.navLinkBox}
      p={{ base: 0, sm: 8 }}
+      aria-label={label}
+      aria-current={isActive ? "page" : undefined}
    >
      <Flex
        direction={{ base: "column", md: "row" }}
@@ -2,5 +2,26 @@
    text-decoration: none;
    border-radius: var(--mantine-radius-md);
    color: unset;
+    min-width: 2.75rem;
+    min-height: 2.75rem;
    width: fit-content;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.navLinkBox svg,
+.navLinkBox p {
+    transition: color 150ms ease-out;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+    .navLinkBox {
+        transition: transform 150ms cubic-bezier(0.32, 0.72, 0, 1);
+    }
+
+    .navLinkBox:active {
+        transform: scale(0.92);
+    }
 }