Update templates/menu.html

templates/menu.html

@@ -23,7 +23,7 @@
 
 
      
-/* .menu-card {
+ .menu-card {
     max-width: 350px;
     border-radius: 15px;
     overflow: hidden;
@@ -32,36 +32,17 @@
     display: flex;
     flex-direction: column;
     position: relative;
-} */
+} 
 
-.menu-card {
-    max-width: 500px; /* Increased from 350px */
-    width: 100%; /* Optional: ensures it scales with parent */
-    min-width: 400px; /* Optional: sets a minimum size */
-    border-radius: 15px;
-    overflow: hidden;
-    background-color: #fff;
-    margin: auto;
-    display: flex;
-    flex-direction: column;
-    position: relative;
-}
 
 
-.menu-card .menu-image {
-    height: 200px; /* Fixed height */
-    width: 100%; /* Full width of the card */
-    object-fit: cover; /* Ensures the image covers the area and maintains the aspect ratio */
-    border-radius: 15px 15px 0 0; /* Rounded top corners */
-}
-
      
-/* .menu-image {
+ .menu-image {
     height: 200px; /* Fixed height */
     width: 100%; /* Full width of the card */
     object-fit:fill; /* Ensure the image covers the area and maintains the aspect ratio */
     border-radius: 15px 15px 0 0; /* Rounded top corners */
-} */
+} 
 .card-title {
     font-size: 1.2rem;
     font-weight: bold;
@@ -620,11 +601,11 @@ form-check-input addon-option{
     </div>
 
      <!-- View Cart Button -->
-    <!-- <div class="view-cart-container">
+    <div class="view-cart-container">
         <a href="{{ url_for('cart.cart') }}" class="view-cart-button">
             View Cart
         </a>
-    </div> -->
+    </div> 
 
  <!-- Modal for Item Details -->
 <div class="modal fade" id="itemModal" tabindex="-1" aria-labelledby="itemModalLabel" aria-hidden="true">