Spaces:
Sleeping
Sleeping
File size: 1,700 Bytes
84aa492 add9e3d 84aa492 add9e3d 84aa492 10e9c4c 84aa492 10e9c4c 84aa492 10e9c4c 84aa492 10e9c4c 84aa492 10e9c4c 91f92dc 10e9c4c 84aa492 10e9c4c 84aa492 10e9c4c 84aa492 10e9c4c 84aa492 10e9c4c add9e3d 84aa492 2b426ed add9e3d 84aa492 add9e3d 84aa492 add9e3d 91f92dc |
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 91 92 93 94 95 96 97 98 99 100 101 102 103 104 |
/* Main Page Styles */
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
margin: 20px;
}
.menu-card {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 10px;
border-radius: 5px;
background-color: white;
}
.menu-card-content {
flex: 1;
}
.menu-card-image {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 5px;
}
.add-button {
background-color: #28a745;
color: white;
border: none;
padding: 5px 10px;
border-radius: 5px;
cursor: pointer;
}
/* Main Page Styles */
.menu-card {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 10px;
border-radius: 5px;
background-color: white;
}
.menu-card-content {
flex: 1;
}
.menu-card-image {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 5px;
}
.add-button {
background-color: #28a745;
color: white;
border: none;
padding: 5px 10px;
border-radius: 5px;
cursor: pointer;
}
/* Modal Styles */
.modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
width: 50%;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.modal-content {
text-align: center;
}
.modal-image {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.close-button {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
cursor: pointer;
}
|