Spaces:
Sleeping
Sleeping
File size: 1,455 Bytes
8ac09ad add9e3d 84aa492 add9e3d 84aa492 10e9c4c 8ac09ad 10e9c4c 8ac09ad 84aa492 10e9c4c 8ac09ad 10e9c4c 8ac09ad 10e9c4c 8ac09ad 10e9c4c 8ac09ad 91f92dc 8ac09ad 91f92dc 8ac09ad 91f92dc 8ac09ad 91f92dc 10e9c4c 8ac09ad 10e9c4c 8ac09ad 10e9c4c 84aa492 10e9c4c 84aa492 8ac09ad 84aa492 8ac09ad 10e9c4c add9e3d 84aa492 2b426ed add9e3d 84aa492 add9e3d 84aa492 8ac09ad add9e3d |
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 |
/* Main Page Styling */
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
}
.menu-card {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #ddd;
padding: 15px;
margin-bottom: 10px;
border-radius: 8px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
background-color: white;
}
.menu-card-details {
flex: 1;
margin-right: 15px;
}
.menu-card-details h3 {
margin: 0;
font-size: 18px;
}
.menu-card-details p {
margin: 5px 0;
font-size: 14px;
}
.menu-card-actions {
text-align: center;
}
.menu-card-image {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 10px;
}
.add-button {
background-color: #28a745;
color: white;
border: none;
padding: 8px 15px;
font-size: 14px;
border-radius: 5px;
cursor: pointer;
}
/* Modal Window Styling */
.modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
width: 50%;
background-color: white;
border-radius: 8px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
padding: 20px;
}
.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: 18px;
cursor: pointer;
}
|