From a7d883d2930aa52e8bc363bc74a7f1aeb8a15973 Mon Sep 17 00:00:00 2001
From: sawka <mike@commandline.dev>
Date: Tue, 18 Feb 2025 18:26:20 -0800
Subject: [PATCH] update modal buttons

---
 frontend/app/modals/about.tsx | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/frontend/app/modals/about.tsx b/frontend/app/modals/about.tsx
index 799cbb3b80..2764801b62 100644
--- a/frontend/app/modals/about.tsx
+++ b/frontend/app/modals/about.tsx
@@ -2,7 +2,6 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import Logo from "@/app/asset/logo.svg";
-import { LinkButton } from "@/app/element/linkbutton";
 import { modalsModel } from "@/app/store/modalmodel";
 import { Modal } from "./modal";
 
@@ -37,24 +36,30 @@ const AboutModal = ({}: AboutModalProps) => {
                     Update Channel: {updaterChannel}
                 </div>
                 <div className="section links">
-                    <LinkButton
-                        className="secondary solid"
+                    <a
                         href="https://github.com/wavetermdev/waveterm"
                         target="_blank"
+                        rel="noopener"
+                        className="inline-flex items-center px-4 py-2 rounded border border-border hover:bg-hoverbg transition-colors duration-200"
                     >
-                        <i className="fa-brands fa-github"></i>Github
-                    </LinkButton>
-                    <LinkButton className="secondary solid" href="https://www.waveterm.dev/" target="_blank">
-                        <i className="fa-sharp fa-light fa-globe"></i>Website
-                    </LinkButton>
-                    <LinkButton
-                        className="secondary solid"
+                        <i className="fa-brands fa-github mr-2"></i>Github
+                    </a>
+                    <a
+                        href="https://www.waveterm.dev/"
+                        target="_blank"
+                        rel="noopener"
+                        className="inline-flex items-center px-4 py-2 rounded border border-border hover:bg-hoverbg transition-colors duration-200"
+                    >
+                        <i className="fa-sharp fa-light fa-globe mr-2"></i>Website
+                    </a>
+                    <a
                         href="https://github.com/wavetermdev/waveterm/blob/main/ACKNOWLEDGEMENTS.md"
                         target="_blank"
-                        rel={"noopener"}
+                        rel="noopener"
+                        className="inline-flex items-center px-4 py-2 rounded border border-border hover:bg-hoverbg transition-colors duration-200"
                     >
-                        <i className="fa-sharp fa-light fa-heart"></i>Acknowledgements
-                    </LinkButton>
+                        <i className="fa-sharp fa-light fa-heart mr-2"></i>Acknowledgements
+                    </a>
                 </div>
                 <div className="section text-standard">&copy; {currentDate.getFullYear()} Command Line Inc.</div>
             </div>