feat: update info page link style

CSIE-Camp · Apr 21, 2024 · 58ed0e2 · 58ed0e2
1 parent 1b58ec6
commit 58ed0e2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/my-app/src/page/Info.js b/my-app/src/page/Info.js
@@ -63,10 +63,13 @@ export const Info = () => {
       <div class="lesson">
         <div>
           <h2>詳細資訊</h2>
-          <p>
+          <p class="doc-link">
             {" "}
-            <a href="https://docs.google.com/document/d/1-IfWEmdciveIbeI3UuuFrzIo26U1mj23lXVqvMRNDCk/edit?usp=sharing">
-              報名簡章
+            <a
+              href="https://docs.google.com/document/d/1-IfWEmdciveIbeI3UuuFrzIo26U1mj23lXVqvMRNDCk/edit?usp=sharing"
+              target="_blank"
+            >
+              點此查看 <b>報名簡章</b>
             </a>{" "}
           </p>
         </div>

diff --git a/my-app/src/style/_info.scss b/my-app/src/style/_info.scss
@@ -389,3 +389,8 @@
     transform: scale(1.3);
   }
 }
+
+.doc-link {
+  color: $yellow-1;
+  text-decoration: underline $yellow-1;
+}