minor css fix

OperationSpark · Oct 3, 2024 · 9dbdf6f · 9dbdf6f
1 parent daf7ab6
commit 9dbdf6f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/Navbar/elements/NavLink.tsx b/src/components/Navbar/elements/NavLink.tsx
@@ -63,6 +63,10 @@ export const NavLinkStyles = styled.div.attrs(({ color }: { color?: '' | 'yellow
     all: unset;
     display: flex;
     padding: 0.35rem 0.75rem;
+
+    :focus {
+      outline: 2px solid ${({ theme }) => theme.secondary[700]};
+    }
   }
   &.sub-nav {
     transition: box-shadow 125ms;

diff --git a/src/components/Navbar/elements/ThemeButton.tsx b/src/components/Navbar/elements/ThemeButton.tsx
@@ -1,5 +1,5 @@
+import Image from 'next/legacy/image';
 import styled, { useTheme } from 'styled-components';
-import Image from "next/legacy/image";
 
 import { useClickAway } from '@this/src/hooks/useClickAway';
 import { AnimatePresence, motion } from 'framer-motion';
@@ -101,6 +101,8 @@ const ThemeDropdownButton = ({
 const ThemeButtonStyles = styled.menu`
   all: unset;
   position: relative;
+  user-select: none;
+  -webkit-user-drag: none;
   #theme-nav-button {
     height: 3rem;
     color: ${({ theme }) => theme.primary[0]};