refactor: Palestine component design

rezafikkri · Dec 5, 2023 · 6a206c3 · 6a206c3
1 parent fb6edcc
commit 6a206c3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/components/layout/Palestine.jsx b/components/layout/Palestine.jsx
@@ -2,15 +2,17 @@ import Link from "next/link";
 
 export default function Palestine() {
   return (
-    <div className="flex justify-center p-4 bg-gray-100 text-gray-700">
+    <div className="flex justify-center py-3 px-4 bg-gray-100 text-gray-700">
+      <span>Free Palestine 🇵🇸</span>
+      <span className="ms-1">-</span>
       <Link
         href="https://inh.or.id/"
         rel="noopener noreferrer"
         target="_blank"
-        className="ms-1 no-underline hover:text-ajwa-blue"
+        className="group ms-1 no-underline hover:text-ajwa-blue"
       >
-        <span>Dukung Palestina 🇵🇸</span>
-        <span className="ms-1 me-1">Dengan Memberi Bantuan Kemanusiaan Melalui INH</span>
+        <span className="me-1">Donasi Melalui INH</span>
+        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" className="inline-block align-baseline stroke-gray-700 group-hover:stroke-ajwa-blue" viewBox="0 0 16 16"><path fillRule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/><path fillRule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/></svg>
       </Link>
     </div>
   );

diff --git a/components/layout/header.jsx b/components/layout/header.jsx
@@ -3,7 +3,7 @@ import Nav from "./nav";
 
 export default function Header() {
   return (
-    <header className="pt-7 flex flex-col items-start sm:flex-row sm:justify-between content-center sm:items-center">
+    <header className="pt-6 flex flex-col items-start sm:flex-row sm:justify-between content-center sm:items-center">
       <Link className="no-underline mb-2 sm:mb-0" href="/">
         <img src="/Reza logo.svg" width={35} height={35} alt="Reza logo" loading="lazy" decoding="async" />
       </Link>