💄 Minor styling changes

fTrestour · Jan 28, 2024 · 92835a2 · 92835a2
1 parent 6e0b260
commit 92835a2
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/web/components/Button.tsx b/src/web/components/Button.tsx
@@ -30,25 +30,25 @@ export function Link(
     class?: string;
   }>
 ) {
-  const test =
+  const aCss =
     props.direction === "backward"
       ? "pr-2 before:right-0 border-r-0"
       : "pl-2 before:left-0 border-l-0";
 
-  const test2 = props.direction === "backward" ? "pl-1" : "pr-1";
+  const spanCss = props.direction === "backward" ? "pl-1" : "pr-1";
   return (
     <a
       href={props.href}
       class={
         props.class +
         " w-fit h-fit p-1 relative before:absolute before:content-[' '] before:top-0 before:h-full before:w-0.5 hocus:before:w-full before:bg-yellow focus:outline-none before:transition-all before:duration-200 group border-yellow border-2 " +
-        test
+        aCss
       }
     >
       <span
         class={
           "relative text-yellow group-hocus:text-background before:transition-all before:duration-200 " +
-          test2
+          spanCss
         }
       >
         {props.children}

diff --git a/src/web/components/NodeViewer.tsx b/src/web/components/NodeViewer.tsx
@@ -15,7 +15,7 @@ export function NodeViewer(
   return (
     <div class={"p-1 mt-2  text-light text-sm flex flex-col gap-1 w-fit"}>
       <a
-        class="font-mono text-yellow text-m font-medium hocus:underline"
+        class="font-mono text-yellow text-m font-medium hocus:underline focus:outline-none"
         href={`#${token.id}`}
       >
         {type}

diff --git a/src/web/components/TokenViewer.tsx b/src/web/components/TokenViewer.tsx
@@ -9,7 +9,7 @@ export function TokenViewer(
     <a
       class={
         codeCss +
-        " hocus:border-yellow border-2 border-transparent text-light text-sm flex flex-row gap-4"
+        " hocus:border-yellow focus:outline-none border-2 border-transparent text-light text-sm flex flex-row gap-4"
       }
       href={`#${startIndex}`}
       id={id}