BiryaniHubflask37

Sleeping

App Files Files Community

DSatishchandra commited on 22 days ago

Commit

c5af6b0

verified ·

1 Parent(s): 9323ed4

Update templates/menu.html

Browse files

Files changed (1) hide show

templates/menu.html +168 -169

templates/menu.html CHANGED Viewed

@@ -6,174 +6,173 @@
     <title>Menu</title>
     <!-- Bootstrap CSS -->
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            background-color: #FF6B35;
-            margin: 0;
-            padding: 0;
-        }
-        .container {
-            max-width: 900px;
-        }
-        .menu-card {
-            max-width: 350px;
-            border-radius: 15px;
-            overflow: hidden;
-            background-color: #fff;
-            margin: auto;
-        }
-        .menu-image {
-            height: 200px;
-            width: 100%;
-            object-fit: cover;
-            border-radius: 15px 15px 0 0;
-        }
-        .card-title {
-            font-size: 1.2rem;
-            font-weight: bold;
-        }
-        .card-text {
-            font-size: 1rem;
-            color: #6c757d;
-        }
-        .btn-primary {
-            font-size: 0.9rem;
-            border-radius: 20px;
-            width: 100px;
-            background-color: #FF6B35;
-            border-color: #28a745;
-        }
-        .btn-primary:hover {
-            background-color: #4a5d68;
-            border-color: #1e7e34;
-        }
-        .btn-primary:active,
-        .btn-primary:focus {
-            background-color: #4a5d68;
-            border-color: #1e7e34;
-            box-shadow: none;
-        }
-        .view-cart-container {
-            position: fixed;
-            bottom: 20px;
-            right: 20px;
-            z-index: 999;
-        }
-        .view-cart-button {
-            background-color: #FF6B35;
-            color: #fff;
-            padding: 10px 20px;
-            border-radius: 50px;
-            font-size: 1rem;
-            font-height: 44px;
-            font-weight: bold;
-            text-decoration: none;
-            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-        .view-cart-button:hover {
-            background-color: #4a5d68;
-            text-decoration: none;
-        }
-        .avatar-dropdown-container {
-            position: relative;
-        }
-        .avatar-icon {
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            background-color: #5bbfc1;
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-            font-size: 20px;
-            font-weight: bold;
-        }
-        .dropdown-menu {
-            position: absolute;
-            right: 0;
-            top: 100%;
-            background-color: #fff;
-            border-radius: 5px;
-            width: 200px; /* Adjust width as needed */
-            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
-            display: none;
-        }
-        .avatar-dropdown-container:hover .dropdown-menu {
-            display: block;
-        }
-        .dropdown-menu .dropdown-item {
-            padding: 10px 15px;
-            text-decoration: none;
-            color: #333;
-            border-bottom: 1px solid #ddd;
-            display: block; /* Make each item stack vertically */
-        }
-        .dropdown-menu .dropdown-item:last-child {
-            border-bottom: none; /* Remove the bottom border from the last item */
-        }
-        .dropdown-menu .dropdown-item:hover {
-            background-color: #f1f1f1;
-        }
-        .fixed-search-container {
-            position: absolute;
-            top: 90px; /* Move it slightly lower */
-            left: 50%;
-            transform: translateX(-50%);
-            width: 80%;
-            max-width: 600px;
-            z-index: 999; /* Keep it above content */
-            background-color: white;
-            padding: 10px;
-            border-radius: 25px;
-            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
-        }
-        /* Ensure the category filter dropdown does not overlap */
-        form.text-center.mb-4 {
-            margin-top: 120px !important; /* Increase spacing below search bar */
-        }
-        /* Ensure the container has enough margin so nothing is overlapped */
-        .container {
-            margin-top: 180px; /* Adjust spacing based on navbar and search bar */
-        }
-        .fixed-top-bar {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            z-index: 1000; /* Ensures it stays on top of other elements */
-            background-color: #5bbfc1; /* Keep the background */
-            color: white;
-            padding: 15px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        /* Style for customization sections */
-        .addon-section {
-            background-color: #f8f9fa; /* Light gray background */
-            border: 2px solid #5bbfc1; /* Border color */
-            border-radius: 8px;
-            padding: 12px;
-            margin-bottom: 15px; /* Spacing between sections */
-        }
-        /* Customization section title */
-        .addon-section h6 {
-            margin-bottom: 10px;
-            font-size: 1.1rem;
-            font-weight: bold;
-            color: #333;
-        }
-        /* Style for add-on checkboxes */
-        .addon-section .form-check {
-            margin-left: 10px;
-        }
-      /* Custom Radio Button Styles */
     .custom-radio {
         appearance: none;
         -webkit-appearance: none;
@@ -208,7 +207,7 @@
     .form-check-label {
         font-size: 16px;
     }
-    </style>
 </head>
 <body>

     <title>Menu</title>
     <!-- Bootstrap CSS -->
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+   <style>
+    body {
+        font-family: Arial, sans-serif;
+        background-color: #FF6B35; /* Updated background color */
+        margin: 0;
+        padding: 0;
+    }
+    .container {
+        max-width: 900px;
+    }
+    .menu-card {
+        max-width: 350px;
+        border-radius: 15px;
+        overflow: hidden;
+        background-color: #fff;
+        margin: auto;
+    }
+    .menu-image {
+        height: 200px;
+        width: 100%;
+        object-fit: cover;
+        border-radius: 15px 15px 0 0;
+    }
+    .card-title {
+        font-size: 1.2rem;
+        font-weight: bold;
+    }
+    .card-text {
+        font-size: 1rem;
+        color: #6c757d;
+    }
+    .btn-primary {
+        font-size: 0.9rem;
+        border-radius: 20px;
+        width: 100px;
+        background-color: #FF6B35; /* Updated button background color */
+        border-color: #28a745;
+    }
+    .btn-primary:hover {
+        background-color: #4a5d68;
+        border-color: #1e7e34;
+    }
+    .btn-primary:active,
+    .btn-primary:focus {
+        background-color: #4a5d68;
+        border-color: #1e7e34;
+        box-shadow: none;
+    }
+    .view-cart-container {
+        position: fixed;
+        bottom: 20px;
+        right: 20px;
+        z-index: 999;
+    }
+    .view-cart-button {
+        background-color: #FF6B35; /* Updated View Cart button background color */
+        color: #fff;
+        padding: 10px 20px;
+        border-radius: 50px;
+        font-size: 1rem;
+        font-weight: bold;
+        text-decoration: none;
+        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .view-cart-button:hover {
+        background-color: #e25a2a; /* Slightly darker shade for hover effect */
+        text-decoration: none;
+    }
+    .avatar-dropdown-container {
+        position: relative;
+    }
+    .avatar-icon {
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        background-color: #5bbfc1;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: white;
+        font-size: 20px;
+        font-weight: bold;
+    }
+    .dropdown-menu {
+        position: absolute;
+        right: 0;
+        top: 100%;
+        background-color: #fff;
+        border-radius: 5px;
+        width: 200px; /* Adjust width as needed */
+        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+        display: none;
+    }
+    .avatar-dropdown-container:hover .dropdown-menu {
+        display: block;
+    }
+    .dropdown-menu .dropdown-item {
+        padding: 10px 15px;
+        text-decoration: none;
+        color: #333;
+        border-bottom: 1px solid #ddd;
+        display: block; /* Make each item stack vertically */
+    }
+    .dropdown-menu .dropdown-item:last-child {
+        border-bottom: none; /* Remove the bottom border from the last item */
+    }
+    .dropdown-menu .dropdown-item:hover {
+        background-color: #f1f1f1;
+    }
+    .fixed-search-container {
+        position: absolute;
+        top: 90px; /* Move it slightly lower */
+        left: 50%;
+        transform: translateX(-50%);
+        width: 80%;
+        max-width: 600px;
+        z-index: 999; /* Keep it above content */
+        background-color: white;
+        padding: 10px;
+        border-radius: 25px;
+        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
+    }
+    /* Ensure the category filter dropdown does not overlap */
+    form.text-center.mb-4 {
+        margin-top: 120px !important; /* Increase spacing below search bar */
+    }
+    /* Ensure the container has enough margin so nothing is overlapped */
+    .container {
+        margin-top: 180px; /* Adjust spacing based on navbar and search bar */
+    }
+    .fixed-top-bar {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        z-index: 1000; /* Ensures it stays on top of other elements */
+        background-color: #FF6B35; /* Updated header background */
+        color: white;
+        padding: 15px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    /* Style for customization sections */
+    .addon-section {
+        background-color: #f8f9fa; /* Light gray background */
+        border: 2px solid #FF6B35; /* Border color */
+        border-radius: 8px;
+        padding: 12px;
+        margin-bottom: 15px; /* Spacing between sections */
+    }
+    /* Customization section title */
+    .addon-section h6 {
+        margin-bottom: 10px;
+        font-size: 1.1rem;
+        font-weight: bold;
+        color: #333;
+    }
+    /* Style for add-on checkboxes */
+    .addon-section .form-check {
+        margin-left: 10px;
+    }
+  /* Custom Radio Button Styles */
     .custom-radio {
         appearance: none;
         -webkit-appearance: none;
     .form-check-label {
         font-size: 16px;
     }
+</style>
 </head>
 <body>