design changes

calblueprint · Apr 10, 2024 · 489194a · 489194a
1 parent 627d435
commit 489194a
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 7 deletions.
diff --git a/src/app/newsFeedPage/page.tsx b/src/app/newsFeedPage/page.tsx
@@ -27,7 +27,9 @@ function App() {
       <NavBar />
       <div className="p-4">
         <BackButton />
-        <h1 className="text-night text-3xl font-bold mt-2">News Feed</h1>
+        <h1 className="text-night text-3xl font-bold mt-2 -ml-[1.8px]">
+          News Feed
+        </h1>
         <ul>
           {news.map(article => (
             <NewsDisplay

diff --git a/src/components/userComponents/BackButton/page.tsx b/src/components/userComponents/BackButton/page.tsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import { IoIosArrowRoundBack } from 'react-icons/io';
 
 /**
  * @param evt on click of button
@@ -18,7 +17,21 @@ function goBack(evt: React.SyntheticEvent) {
     return (
       <button type="button" onClick={goBack} className="text-scary-forest">
         {' '}
-        <IoIosArrowRoundBack size={40} />
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
+          viewBox="0 0 20 20"
+          fill="none"
+      >
+        <path
+          d="M17.5 10H2.5M2.5 10L6.66667 14.1667M2.5 10L6.66667 5.83337"
+          stroke="#386131"
+          strokeWidth="1.65"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
       </button>
     );
   }

diff --git a/src/components/userComponents/NewsDisplay/NewsDisplay.tsx b/src/components/userComponents/NewsDisplay/NewsDisplay.tsx
@@ -34,12 +34,27 @@ export default function NewsDisplay({
               {title}{' '}
             </p>
             <div className="mt-[1px]">
-              <FiExternalLink />
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="12"
+                height="11"
+                viewBox="0 0 12 11"
+                fill="none"
+              >
+                <path
+                  d="M11 0.5V0H11.5V0.5H11ZM5.47168 6.73591C5.27643 6.93118 4.95985 6.93119 4.76458 6.73594C4.56931 6.54068 4.56929 6.2241 4.76455 6.02883L5.47168 6.73591ZM10.5 5.20589V0.5H11.5V5.20589H10.5ZM11 1H6.29449V0H11V1ZM11.3536 0.853539L5.47168 6.73591L4.76455 6.02883L10.6464 0.146461L11.3536 0.853539Z"
+                  fill="#808080"
+                />
+                <path
+                  d="M10.4111 7.55886V7.55886C10.4111 8.32518 10.4111 8.70834 10.3131 9.01919C10.1054 9.67812 9.58921 10.1943 8.93028 10.402C8.61943 10.5 8.23627 10.5 7.46995 10.5H5.23541C3.23887 10.5 2.24061 10.5 1.62036 9.8798C1.00012 9.25955 1.00012 8.26129 1.00012 6.26475V4.0292C1.00012 3.26311 1.00012 2.88006 1.09807 2.56929C1.30582 1.91021 1.82207 1.39396 2.48115 1.18621C2.79192 1.08826 3.17497 1.08826 3.94106 1.08826V1.08826"
+                  stroke="#808080"
+                  strokeLinecap="round"
+                />
+              </svg>
             </div>
           </div>
-          <p className="text-shadow not-italic font-light leading-[normal] uppercase text-xs">
-            {' '}
-            {date}{' '}
+          <p className="text-shadow leading-[normal] text-xs font-normal font-[Lato] uppercase">
+            {date}
           </p>
         </div>
       </a>