Merge pull request #250 from shivamm-verma/fix-padding-center-texts-s…

…hivamm-verma Fixed Padding navbar and Text effect in Contrib. page
Avdhesh-Varshney · Jul 27, 2024 · c3a5cf4 · c3a5cf4
2 parents 1a28afc + e02271f
commit c3a5cf4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/shared/Navbar.jsx b/src/components/shared/Navbar.jsx
@@ -22,7 +22,7 @@ const Navbar = () => {
   return (
     <nav className={`navbar navbar-expand-lg ${isSticky ? 'mt-2 fixed-top' : ''} ${isDarkMode ? 'navbar-dark' : 'navbar-light'}`} style={{ backgroundColor: `${isDarkMode ? 'rgba(0, 0, 0, 0.4)' : 'rgba(223, 223, 176, 0.4)'}` }}>
       <div className="container-fluid">
-        <Link className="navbar-brand d-flex align-items-center" to="/">
+        <Link className="navbar-brand d-flex align-items-center px-4" to="/">
           <img src="logo.webp" alt="Chanakya Image" className="me-2" style={{ width: '30px', height: '30px' }} />
           <span style={{ fontSize: '1.2rem', fontWeight: 'bold' }}>चाणक्य नीति</span>
         </Link>
@@ -59,7 +59,7 @@ const Navbar = () => {
             <li className="nav-item"><Link className="nav-link" to="/contributor">Contributors</Link></li>
             <li className="nav-item"><Link className="nav-link" to="/auth/login">Login</Link></li>
 
-            <li className='nav-item nav-link' onClick={toggleTheme} style={{ cursor: 'pointer' }}>
+            <li className='nav-item nav-link px-4' onClick={toggleTheme} style={{ cursor: 'pointer' }}>
               {isDarkMode ? (
                 <MdOutlineLightMode style={{ fontSize: '1.5rem', color: 'white' }} />
               ) : (

diff --git a/src/pages/contributor/Contributors.jsx b/src/pages/contributor/Contributors.jsx
@@ -26,7 +26,7 @@ const Contributors = (props) => {
   return (
     <>
       <div className='d-flex flex-column contribution' style={{ overflowX: "hidden" }}>
-        <div className="fs-3" style={{fontWeight:"500"}}>
+        <div className="fs-2 text-center fw-bold" style={{fontWeight:"500"}}>
           Our Contributors
         </div>
         <div className='d-flex flex-wrap justify-content-evenly'>