One pixel transparent border to reveal background. (vercel#3279)

before: <img width="245" alt="Screen Shot 2023-01-12 at 1 54 57 PM" src="https://user-images.githubusercontent.com/20542/211988679-25efb8a9-e8b1-41b2-8da0-4814869986ed.png"> after: <img width="242" alt="Screen Shot 2023-01-12 at 1 55 17 PM" src="https://user-images.githubusercontent.com/20542/211988699-7dc2fb5f-72d6-494c-a972-d5950a507508.png"> Co-authored-by: Thomas Knickman <[email protected]>
jacobgranberry · Jan 12, 2023 · 7ca4742 · 7ca4742
1 parent a8f25e1
commit 7ca4742
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/docs/components/RemoteCacheCounter.tsx b/docs/components/RemoteCacheCounter.tsx
@@ -30,9 +30,9 @@ export default function RemoteCacheCounter() {
   return (
     <Link
       href="/repo/docs/core-concepts/remote-caching"
-      className="group mt-4 w-full h-full rounded-lg p-[1px] bg-gradient-to-r from-red-500 to-blue-500 dark:text-[#9ca3af] text-[#6b7280]"
+      className="group mt-4 rounded-lg border border-transparent overflow-hidden bg-origin-border bg-gradient-to-r from-red-500 to-blue-500 dark:text-[#9ca3af] text-[#6b7280]"
     >
-      <div className="justify-between h-full rounded-lg p-4 dark:bg-[#111111] bg-white">
+      <div className="p-4 dark:bg-[#111111] bg-white">
         <animated.p className="inline-block text-xl bg-gradient-to-r from-red-500 to-blue-500 bg-clip-text text-transparent">
           {spring.minutesSaved.to((t) => counterFormatter.format(t))}
         </animated.p>