fix: replace arrow right icon with rotated popicon

getAlby · Jan 30, 2024 · 4a8362c · 4a8362c
1 parent 53d3360
commit 4a8362c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/src/app/components/Navbar/NavbarLink.tsx b/src/app/components/Navbar/NavbarLink.tsx
@@ -16,7 +16,7 @@ function NavbarLink({ children, end = false, href, target }: Props) {
       target={target}
       className={({ isActive }) =>
         classNames(
-          "inline-flex font-semibold hover:text-gray-800 dark:hover:text-gray-300 transition px-1 text-md",
+          "flex items-center font-semibold hover:text-gray-800 dark:hover:text-gray-300 transition px-1 text-md",
           isActive
             ? " text-black dark:text-gray-100"
             : " text-gray-600 dark:text-gray-600"

diff --git a/src/app/router/Options/Options.tsx b/src/app/router/Options/Options.tsx
@@ -1,5 +1,6 @@
 import Container from "@components/Container";
 import Navbar from "@components/Navbar";
+import { PopiconsArrowUpLine } from "@popicons/react";
 import Accounts from "@screens/Accounts";
 import AccountDetail from "@screens/Accounts/Detail";
 import ConfirmPayment from "@screens/ConfirmPayment";
@@ -160,7 +161,7 @@ const Layout = () => {
         </Navbar.Link>
         <Navbar.Link href="https://getalby.com/discover" target="_blank">
           {tCommon("discover")}
-          <img src="assets/icons/arrow_up_right.svg" />
+          <PopiconsArrowUpLine className="h-5 w-5 rotate-45" />
         </Navbar.Link>
       </Navbar>
       <Toaster />

diff --git a/static/assets/icons/arrow_up_right.svg b/static/assets/icons/arrow_up_right.svg