/posts/[topic]/page page

Prototypr · Jan 31, 2024 · d07a82e · d07a82e
1 parent 8017bc1
commit d07a82e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/components/v4/layout/Breadcrumbs.js b/components/v4/layout/Breadcrumbs.js
@@ -7,18 +7,18 @@ const Breadcrumbs = ({tagName, background}) =>{
     return(
         <Container padding={false} maxWidth="max-w-[1320px]">
         <div className={`text-sm font-medium ${background?'px-4 py-2 bg-white rounded-xl border border-gray-200':''} inline-flex text-gray-700`}>
-                <Link className={`${!background?'inline  border border-1 border-blue-300/20 rounded-full p-1.5 px-3 bg-blue-200/30 text-gray-50/90 font-normal':''}`} href={`/`}>
+                <Link className={`${!background?'inline  border border-1 border-blue-300/20 rounded-full p-1.5 px-3 bg-blue-200/30  font-normal':''}`} href={`/`}>
                   <House size={20} className="my-auto"/>
                 </Link>
-                <CaretRight size={12} className="mx-2 text-white my-auto"/>
-                <Link  className={`${!background?'inline  border border-1 border-blue-300/20 rounded-full p-1.5 px-3 bg-blue-200/30 text-gray-50/90 font-normal':''}`} href={`/topics`}>
-                  <span className={`hover:bold text-white ${!tagName?'font-semibold text-blue-700':''}`}>Topics</span>
+                <CaretRight size={12} className="mx-2 my-auto"/>
+                <Link  className={`${!background?'inline  border border-1 border-blue-300/20 rounded-full p-1.5 px-3 bg-blue-200/30  font-normal':''}`} href={`/topics`}>
+                  <span className={`hover:bold  ${!tagName?'font-semibold text-blue-700':''}`}>Topics</span>
                 </Link>
                { tagName?
                <>
-                <CaretRight size={12} className="mx-2 text-white my-auto"/>
-                  <Link  className={`${!background?'inline  border border-1 border-blue-300/20 rounded-full p-1.5 px-3 bg-blue-400/60 font-normal':''}`} href={`/posts/${ tagName }/page/1`}>
-                    <span className="font-semibold text-white capitalize">{tagName}</span>
+                <CaretRight size={12} className="mx-2  my-auto"/>
+                  <Link  className={`${!background?'inline text-blue-800  border border-1 border-blue-300/40 rounded-full p-1.5 px-3 bg-blue-200/70 font-normal':''}`} href={`/posts/${ tagName }/page/1`}>
+                    <span className="font-semibold  capitalize">{tagName}</span>
                   </Link>
                </>
                 :''}

diff --git a/pages/posts/[tag]/page/[pageNo].js b/pages/posts/[tag]/page/[pageNo].js
@@ -91,21 +91,21 @@ export default function PostsPage({
       >
       <div className="mb-8 top-0 w-full">
         <Container padding={false} maxWidth="w-full" >
-          <div className="pt-[100px] pb-[120px] bg-[#2f62c7]/90 rounded-b-[3.4rem] relative overflow-hidden p-6 border-gray-200">
+          <div className="pt-[100px] pb-[120px] bg-[#bcdeff]/90 rounded-b-[3.4rem] relative overflow-hidden p-0 border-gray-200">
             {/* <img src="/static/images/angleshape.svg" className="absolute -mb-[2%] w-full bottom-0 z-40 left-0"/> */}
 
             {/* <div className="z-20 relative"> */}
-            <div className="w-full max-w-[1320px] px-3 mx-auto backdrop-blur-sm backdrop-opacity-20 w-full h-full">
+            <div className="w-full p-6 z-10 relative max-w-[1320px] px-3 mx-auto backdrop-blur-sm backdrop-opacity-20 w-full h-full">
               <BreadCrumbs background={false}tagName={tagName}/>
                 <div className="inline-flex my-4">
                   {/* <div className="p w-8 h-8 my-auto mr-3 rounded-full border-gray-300 bg-white"> */}
-                    <Tag className="mt-6 text-white mx-auto mr-3 my-auto opacity-80" size={38}/>
+                    <Tag className="mt-6 text-gray-800 mx-auto mr-3 my-auto opacity-80" size={38}/>
                   {/* </div> */}
-                  <h2 className="text-white max-w-md mb-8 mt-3 md:max-w-lg font-semibold text-5xl md:text-[56px] font-inter leading-[50px] md:leading-[60px] capitalize">{tagName}</h2>
+                  <h2 className="text-gray-900 max-w-md mb-8 mt-3 md:max-w-lg font-semibold text-5xl md:text-[56px] font-inter leading-[50px] md:leading-[60px] capitalize">{tagName}</h2>
                 </div>
               </div>
+               <img src='/static/images/toolbox/toolbox-bg-2.svg' className=" pointer-events-none absolute w-full h-full object-cover top-0 left-0 "/>
           </div>
-          <img src='/static/images/toolbox/white-grid.svg' className="pointer-events-none absolute w-full h-full object-cover top-0 left-0"/>
 
         </Container>
       </div>