Merge pull request #6 from linkwarden/dev

updated primary button style
linkwarden · Sep 27, 2023 · 0ddffd8 · 0ddffd8
2 parents ef8340a + dce4611
commit 0ddffd8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/components/PrimaryButton.tsx b/components/PrimaryButton.tsx
@@ -18,7 +18,7 @@ export default function PrimaryButton({
     <Link
       href={path}
       target={target}
-      className={`border select-none duration-100 border-[#0071B7] hover:border-[#059bf8] bg-gradient-to-t from-[#0071B7] via-black via-70% hover:via-90% to-black rounded-lg text-center px-4 py-2 text-slate-200 hover:text-white ${className}`}
+      className={`border primary-btn-gradient select-none duration-100 bg-black border-[#0071B7] hover:border-[#059bf8] rounded-lg text-center px-4 py-2 text-slate-200 hover:text-white ${className}`}
     >
       {text}
     </Link>

diff --git a/styles/globals.css b/styles/globals.css
@@ -148,3 +148,11 @@ details[open] summary ~ * {
   -o-transition: 0.1s ease-in-out;
   transition: 0.1s ease-in-out;
 }
+
+.primary-btn-gradient {
+  box-shadow: inset 0px -10px 10px #0071b7;
+}
+
+.primary-btn-gradient:hover {
+  box-shadow: inset 0px -15px 10px #059bf8;
+}