Fixed Some UI

itsindrajput · Apr 4, 2024 · 41452be · 41452be
1 parent ffb86f2
commit 41452be
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 8 deletions.
diff --git a/src/pages/Home/AppDesktop.css b/src/pages/Home/AppDesktop.css
@@ -587,7 +587,12 @@ h1 {
 .motivation {
   display: flex;
   flex-direction: column;
-  background-image: url("../blog-images/morning.jpg");
+  background: linear-gradient(
+      0deg,
+      rgba(40, 27, 16, 0.5),
+      rgba(40, 27, 16, 0.5)
+    ),
+    url("../blog-images/morning.jpg");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
@@ -639,6 +644,9 @@ h1 {
   padding-left: 10px;
   font-size: 1.1rem;
 }
+.subscribe input::placeholder {
+  color: #000000;
+}
 .subscribe .submit-btn {
   background-color: #bba6a6;
   padding: 9px 40px;

diff --git a/src/pages/Home/AppMobile.css b/src/pages/Home/AppMobile.css
@@ -169,7 +169,7 @@
     width: 100%;
     height: auto;
     padding: 5%;
-    top: 17%;
+    top: 10%;
   }
   .nav-hero-content {
     width: 100%;
@@ -232,7 +232,7 @@
     display: block;
     width: 100%;
     height: auto;
-    padding-left: 12px;
+    padding-left: 10px;
     padding-top: 4%;
     padding-bottom: 5%;
     background-color: #b38e5f;
@@ -257,10 +257,10 @@
   .wrapper .carousel {
     display: grid;
     grid-auto-flow: column;
-    grid-auto-columns: calc((100% / 3) - 12px);
+    grid-auto-columns: calc((100% / 3));
     overflow-x: auto;
     scroll-snap-type: x mandatory;
-    gap: 12px;
+    gap: 0px;
     border-radius: 8px;
     scroll-behavior: smooth;
     scrollbar-width: none;
@@ -289,6 +289,8 @@
     padding-bottom: 10px;
     flex-direction: column;
     border-radius: 10px;
+    margin: 0px 7px;
+    margin-left: 2px;
   }
   .card .img img {
     width: 100%;
@@ -341,7 +343,7 @@
     font-size: 25px;
   }
   .first-about-div h1 {
-    text-shadow: 0 0 2px #000000;
+    opacity: 0.75;
   }
   .second-about-div p {
     font-size: 21px;
@@ -787,7 +789,7 @@
         rgba(146, 146, 146, 0.7),
         rgba(40, 27, 16, 0.7)
       ),
-      url("../images/menu-images/Book-a-table.jpg");
+      url("../../../menu-images/Book-a-table.jpg");
     mix-blend-mode: lighten;
     background-position: center;
     background-repeat: no-repeat;

diff --git a/src/pages/Menu/Menu.jsx b/src/pages/Menu/Menu.jsx
@@ -1,9 +1,10 @@
 import React from "react";
 import Navbar from "../../components/Menu/Navbar";
+
 const Menu = () => {
   return (
     <>
-      <Navbar></Navbar>
+      <Navbar />
       <div>Menu</div>
     </>
   );