Update components/styles.py

components/styles.py

@@ -22,25 +22,8 @@ button:hover {
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 
-/* Popup container styling */
-.popup-area {
-    display: none;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100vw;
-    height: 100vh;
-    background-color: rgba(0, 0, 0, 0.5);
-    justify-content: center;
-    align-items: center;
-    z-index: 1000;
-}
-
-.popup-area.visible {
-    display: flex;
-}
-
-.food-card {
+/* Modal styles */
+.modal-content {
     width: 400px;
     max-width: 90%;
     background-color: #fff;
@@ -51,25 +34,25 @@ button:hover {
     position: relative;
 }
 
-.food-card img {
+.modal-content img {
     width: 100%;
     max-height: 200px;
     object-fit: cover;
     border-radius: 12px 12px 0 0;
 }
 
-.food-card h3 {
+.modal-content h3 {
     margin-top: 20px;
     font-size: 24px;
 }
 
-.food-card table {
+.modal-content table {
     width: 100%;
     margin-top: 10px;
     border-collapse: collapse;
 }
 
-.food-card table td {
+.modal-content table td {
     padding: 10px;
     border: 1px solid #ddd;
 }