chore: resolve changes

horuslabsio · Aug 11, 2024 · 1a7a1a8 · 1a7a1a8
1 parent 9b3e9d3
commit 1a7a1a8
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 11 deletions.
diff --git a/frontend/src/app/address-book/page.tsx b/frontend/src/app/address-book/page.tsx
@@ -47,7 +47,7 @@ export default function Page() {
                 className="h-full w-full"
               />
             </div>
-            <h4 className="border-l-[1.75px] border-[#141925] px-2 py-1 text-[24px] uppercase italic leading-7 text-[#141925]">
+            <h4 className="border-l-[1.75px] border-[#141925] px-2 py-1 text-[24px] uppercase italic leading-7 text-accent-secondary">
               ADDRESSBOOK
             </h4>
           </div>
@@ -56,7 +56,7 @@ export default function Page() {
         <div className="relative mx-auto w-fit">
           <input
             type="text"
-            className="w-[800px] rounded-2xl bg-[--link-card] px-6 py-5 pl-[60px] text-l leading-[30px] text-[#141925] placeholder:text-[#7A7A7A] dark:text-white"
+            className="w-[800px] rounded-2xl bg-[--link-card] px-6 py-5 pl-[60px] text-l leading-[30px] text-accent-secondary placeholder:text-text-primary dark:text-white"
             placeholder="Search keywords, contract addreses"
             name="search"
             onChange={(e) => setSearch(e.target.value)}

diff --git a/frontend/src/app/components/header/Theme.tsx b/frontend/src/app/components/header/Theme.tsx
@@ -18,11 +18,11 @@ const ThemeSwitch: React.FC<ThemeSwitchProps> = ({
   return (
     <button
       id="theme-switcher"
-      // style={{
-      //   width: dimension,
-      //   height: dimension,
-      // }}
-      className={`grid h-[2.5rem] w-[2.5rem] place-content-center rounded-full bg-button-secondary transition-[opacity] duration-500 md:h-[4rem] md:w-[4rem] ${className}`}
+      style={{
+        width: dimension,
+        height: dimension,
+      }}
+      className={`grid place-content-center rounded-full bg-button-secondary transition-[opacity] duration-500 ${className}`}
       onClick={action}
     >
       {theme === "dark" ? (

diff --git a/frontend/src/app/components/ui_components/pagination.tsx b/frontend/src/app/components/ui_components/pagination.tsx
@@ -27,7 +27,7 @@ export default function Pagination({ count }: { count: number }) {
 
   if (pageCount <= 1) return null;
   return (
-    <div className="flex items-center gap-x-8 border-t-[1px] border-t-[#F0F2F5] pt-4 text-sm text-[--headings] md:gap-x-[100px] md:text-base dark:text-white">
+    <div className="flex items-center gap-x-8 border-t-[1px] border-t-[#F0F2F5] pt-4 text-sm text-[--headings] md:gap-x-[6.25rem] md:text-base dark:text-white">
       <p className="">
         Showing <span>{(currentPage - 1) * PAGE_SIZE + 1}</span> to{" "}
         <span>

diff --git a/frontend/src/app/wikipedia/page.tsx b/frontend/src/app/wikipedia/page.tsx
@@ -42,7 +42,7 @@ export default function Page() {
                 alt="logo"
                 className="h-[20.5px] w-[153px] md:h-[48px] md:w-[360px]"
               />
-              <h4 className="border-l-[1.25px] border-[#141925] px-1 py-[2px] text-xs uppercase italic leading-[14px] text-[#141925] md:border-l-[1.75px] md:px-2 md:py-1 md:text-[24px] md:leading-7">
+              <h4 className="border-l-[1.25px] border-[#141925] px-1 py-[2px] text-xs uppercase italic leading-[14px] text-accent-secondary md:border-l-[1.75px] md:px-2 md:py-1 md:text-[24px] md:leading-7">
                 wikipedia
               </h4>
             </div>
@@ -51,7 +51,7 @@ export default function Page() {
           <div className="relative mx-auto md:w-fit">
             <input
               type="text"
-              className="w-full rounded-[10px] bg-[#F7F7F7] px-4 py-3 pl-10 text-base text-[#141925] placeholder:text-[#7A7A7A] md:w-[800px] md:rounded-2xl md:px-6 md:py-5 md:pl-[60px] md:text-l md:leading-[30px]"
+              className="w-full rounded-[10px] bg-[#F7F7F7] px-4 py-3 pl-10 text-base text-accent-secondary placeholder:text-text-primary md:w-[800px] md:rounded-[16px] md:px-6 md:py-5 md:pl-[60px] md:text-l md:leading-[30px]"
               placeholder="Search keywords, links"
               name="search"
               onChange={(e) => setSearch(e.target.value)}

diff --git a/frontend/src/app/wikipedia/resource-card.tsx b/frontend/src/app/wikipedia/resource-card.tsx
@@ -35,7 +35,7 @@ export default function ResourceCard({ resource }: { resource: any }) {
           <Upright />
         </span>
       </div>
-      <div className="mb-3 mt-3 pl-[50px] text-[13px] leading-4 text-[#7A7A7A] md:mb-7 md:text-base md:leading-5">
+      <div className="mb-3 mt-3 pl-[50px] text-[13px] leading-4 text-text-primary md:mb-7 md:text-base md:leading-5">
         {resource.description}
       </div>
       <div className="absolute bottom-4 right-5 flex justify-end md:bottom-6 md:right-6">

diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
@@ -42,6 +42,7 @@ const config: Config = {
       fontSize: {
         "3xl": ["4em", "1.09"],
         "2xl": ["3em", "1.18"],
+        base: ["1em", "1.5"],
         xl: ["2.25em", "1.1"],
         l: ["1.5em", "1.2"],
         md: ["1.1em", "1.18"],