Spaces:
Sleeping
Sleeping
File size: 1,378 Bytes
8836d40 29a34fb 8836d40 29a34fb 8836d40 29a34fb 8836d40 29a34fb 8836d40 29a34fb 8836d40 29a34fb 8836d40 29a34fb 7c5fe7e 8836d40 7c5fe7e 8836d40 29a34fb 7c5fe7e 8836d40 7c5fe7e 8836d40 29a34fb 85dbe98 7c5fe7e 8836d40 7c5fe7e 85dbe98 7c5fe7e 85dbe98 3a68a65 7c5fe7e 3a68a65 7c5fe7e 3a68a65 7c5fe7e 3a68a65 7c5fe7e 3a68a65 |
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 |
/* 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 card styling */
.popup-card {
width: 400px;
max-width: 90%;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
overflow: hidden;
text-align: center;
}
.popup-image {
width: 100%;
height: auto;
object-fit: cover;
}
.popup-content {
padding: 20px;
font-family: Arial, sans-serif;
}
.popup-content h3 {
font-size: 20px;
font-weight: bold;
}
.popup-content .price {
font-size: 18px;
color: #4CAF50;
font-weight: bold;
}
.add-btn {
background-color: #4CAF50;
color: white;
border: none;
padding: 10px 20px;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
margin: 10px 0;
}
.add-btn:hover {
background-color: #45a049;
}
.customizable {
font-size: 12px;
color: #999;
}
.description {
font-size: 14px;
margin-top: 10px;
color: #555;
}
|