Update components/styles.py

components/styles.py

@@ -23,7 +23,7 @@ button:hover {
 }
 
 /* Popup container styling */
-#popup-container {
+.popup-area {
     display: none;
     position: fixed;
     top: 0;
@@ -36,11 +36,11 @@ button:hover {
     z-index: 1000;
 }
 
-#popup-container.active {
+.popup-area.visible {
     display: flex;
 }
 
-#popup-content {
+.food-card {
     width: 400px;
     max-width: 90%;
     background-color: #fff;
@@ -51,25 +51,25 @@ button:hover {
     position: relative;
 }
 
-#popup-content img {
+.food-card img {
     width: 100%;
     max-height: 200px;
     object-fit: cover;
     border-radius: 12px 12px 0 0;
 }
 
-#popup-content h3 {
+.food-card h3 {
     margin-top: 20px;
     font-size: 24px;
 }
 
-#popup-content table {
+.food-card table {
     width: 100%;
     margin-top: 10px;
     border-collapse: collapse;
 }
 
-#popup-content table td {
+.food-card table td {
     padding: 10px;
     border: 1px solid #ddd;
 }