Spaces:
Sleeping
Sleeping
File size: 1,601 Bytes
8836d40 29a34fb 8836d40 29a34fb 8836d40 29a34fb 8836d40 29a34fb 8836d40 29a34fb 8836d40 29a34fb 8836d40 29a34fb f4968fd 8836d40 f4968fd 29a34fb f4968fd 29a34fb f4968fd 8836d40 29a34fb f4968fd 8836d40 29a34fb 85dbe98 f4968fd 8836d40 f4968fd 8836d40 85dbe98 f4968fd 8836d40 85dbe98 8836d40 85dbe98 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 |
/* Styling for the vertical food list */
#food-list {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
button {
width: 80%;
max-width: 400px;
padding: 10px;
font-size: 16px;
border-radius: 8px;
border: 1px solid #ddd;
cursor: pointer;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
button:hover {
background-color: #f5f5f5;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Popup container styling */
#popup-container {
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-container.active {
display: flex;
}
#popup-content {
width: 400px;
max-width: 90%;
background-color: #fff;
border-radius: 12px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-align: center;
position: relative;
}
#popup-content img {
width: 100%;
max-height: 200px;
object-fit: cover;
border-radius: 12px 12px 0 0;
}
#popup-content h3 {
margin-top: 20px;
font-size: 24px;
}
#popup-content table {
width: 100%;
margin-top: 10px;
border-collapse: collapse;
}
#popup-content table td {
padding: 10px;
border: 1px solid #ddd;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
background: #ff3333;
border: none;
color: white;
border-radius: 50%;
width: 30px;
height: 30px;
font-size: 18px;
cursor: pointer;
}
|