Merge pull request #2819 from haseebzaki-07/new_branch

Fixes the bookmark count box
HimanshuNarware · Aug 9, 2024 · 22bc218 · 22bc218
2 parents ba19cc9 + 6937285
commit 22bc218
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/frontend/src/Component/Home.js b/frontend/src/Component/Home.js
@@ -284,7 +284,7 @@ function Home(props) {
 
   return (
     <SkeletonTheme>
-      <div>
+
         <div className="hero">
           <div className="hero-text">
             <div id="hero" className="hero-container">

diff --git a/frontend/src/Component/Navbar/NavbarCenter.js b/frontend/src/Component/Navbar/NavbarCenter.js
@@ -47,7 +47,7 @@ function NavbarCenter( ) {
           <NavbarItem
             description={
               <div className="bookmarkTag">
-                <FontAwesomeIcon icon={faBookmark} /> Bookmark <span className="totBook">{totalBookmarks}</span>
+                <FontAwesomeIcon icon={faBookmark} /> Bookmark <span className="totBook ">{totalBookmarks}</span>
               </div>
             } 
 

diff --git a/frontend/src/style/BookMark.css b/frontend/src/style/BookMark.css
@@ -128,15 +128,17 @@ transition: transform 0.6s ease-in-out, box-shadow 0.3s ease-in-out;
 }
 .bookmarkTag{
   position: relative;
+
 }
 .bookmarkTag::after{
   content: '';
   position: absolute;
   background-color: #000000;
-  width: 15%;
+  width: 20%;
   height: 60%;
   color: white;
   border-radius: 4px;top:-10px;
+  right: -10px;
 
 }
 .totBook{
@@ -145,7 +147,7 @@ transition: transform 0.6s ease-in-out, box-shadow 0.3s ease-in-out;
   z-index: 10;
   color: white;
   font-size: 13px;
-  right: -7px;
+  right: 0px;
 
 
 
@@ -158,7 +160,7 @@ transition: transform 0.6s ease-in-out, box-shadow 0.3s ease-in-out;
   border-top: 6px solid rgb(8, 0, 0);
   width: 0;
   height: 0;
-  right: -8px;
+  right: -1px;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
 }