phone fixes

Maadhyam-Solutions · Oct 29, 2024 · d9c062c · d9c062c
1 parent a5aa033
commit d9c062c
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/megha-bhattarai/assets/logo-D2-UyS0I.png" /> <!-- tab logo  -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Megha Bhattarai - Bagaicha</title>
-    <script type="module" crossorigin src="/megha-bhattarai/assets/index-CCtCr6VU.js"></script>
-    <link rel="stylesheet" crossorigin href="/megha-bhattarai/assets/index-D872U3EA.css">
+    <script type="module" crossorigin src="/megha-bhattarai/assets/index-qk63NYbx.js"></script>
+    <link rel="stylesheet" crossorigin href="/megha-bhattarai/assets/index-BsGl7OwR.css">
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/components/NavBar/BuyButton/buybutton.css b/src/components/NavBar/BuyButton/buybutton.css
@@ -11,6 +11,7 @@
 
 @media (max-width: 768px) {
     .buyMyBookBtn { 
+        color: white;
         margin-top: 1rem;
         font-family: "DM Serif Display", serif;
 

diff --git a/src/components/NavBar/navbar.css b/src/components/NavBar/navbar.css
@@ -21,14 +21,20 @@ nav {
 
 
 @media (max-width: 768px) {
+
     .navbar {
         margin-top: 0;
         flex-direction: column; /* Stack items vertically */
-        align-items: flex-center; /* Align the items to the left */
-        padding: 1rem; /* Adjust padding */
+        align-items: center; /* Center items on mobile */
+        padding: 1rem;
+    }
+    .logo {
+        margin-top: 1rem;
+        height: 3rem; /* Adjust logo size for mobile */
+        width: auto;
     }
     .desktopNavBarItem {
-        padding: 0.5rem 0; /* Reduce padding for mobile */
-        font-size: 1rem; /* Adjust text size for mobile */
+        padding: 0.5rem 0;
+        font-size: 1rem;
     }
 }