solocla/yogibook_aury_new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed pages

Browse Source
This commit is contained in:
solocla
2026-09-04 09:00:30 +02:00
parent 2dfbbad7d4
commit 83af2e2d17
9 changed files with 1008 additions and 641 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/bookingpanel.php
+51 -38
View File
@@ -177,66 +177,70 @@ $conn->close();
<style>
.custom-card {
margin: 10px auto;
display: flex;
width: 90%;
max-width: 700px;
background-color: white;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 8px;
background: #fff;
border-radius: 14px;
box-shadow: 0 3px 16px rgba(0, 0, 0, 0.06);
overflow: hidden;
margin-bottom: 18px;
display: flex;
cursor: pointer;
transition: transform 0.2s;
transition: box-shadow 0.2s;
}
.custom-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
}
.custom-date-box {
flex: 1;
background-color: red;
color: white;
flex: 0 0 110px;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
font-size: 60px;
font-weight: bold;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding: 16px;
}
.custom-day {
font-size: 44px;
font-weight: 800;
line-height: 1;
}
.custom-month {
font-size: 28px;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.custom-event-details {
flex: 2;
flex: 1;
display: flex;
flex-direction: column;
padding: 10px 20px;
background-color: lightblue;
padding: 18px 22px;
background: #fff;
border-left: 20px solid #ccc;
/* colore impostato inline per ogni card in base allo stato */
}
.custom-heading {
margin-top: 0;
font-size: 24px;
font-size: 19px;
font-weight: 700;
color: #1f2937;
margin: 0 0 4px;
}
.custom-paragraph {
margin-bottom: 5px;
color: #6b7280;
font-size: 14px;
margin-bottom: 3px;
}
.custom-actions {
display: none;
flex-direction: row;
justify-content: space-between;
gap: 8px;
flex-wrap: wrap;
margin-top: 10px;
}
@@ -245,16 +249,19 @@ $conn->close();
}
.custom-action-button {
background-color: #f0f0f0;
border: none;
padding: 8px 12px;
border-radius: 4px;
border-radius: 8px;
padding: 7px 14px;
font-size: 13px;
font-weight: 600;
background: #eef2f7;
color: #374151;
cursor: pointer;
transition: background-color 0.2s;
transition: filter 0.15s;
}
.custom-action-button:hover {
background-color: #e0e0e0;
filter: brightness(0.94);
}
@media (max-width: 768px) {
@@ -262,14 +269,20 @@ $conn->close();
flex-direction: column;
}
.custom-date-box,
.custom-event-details {
.custom-date-box {
flex: 0 0 auto;
width: 100%;
border-radius: 0;
flex-direction: row;
gap: 10px;
padding: 12px;
}
.custom-event-time {
font-size: 24px;
.custom-day {
font-size: 30px;
}
.custom-month {
font-size: 18px;
}
}
@@ -531,11 +544,11 @@ $conn->close();
<div class="custom-month"><?php echo $monthInItalian; ?></div>
</div>
<?php if ($alreadybooked == 'Y') { ?>
<div class="custom-event-details" style="background-color:#FFAC7A">
<div class="custom-event-details" style="background-color:#FFAC7A;border-left-color:#FF6609">
<?php } elseif ($freeplace > 0) { ?>
<div class="custom-event-details" style="background-color:<?php echo ($bookedclass->getColumnVal("colorclass")); ?>">
<div class="custom-event-details" style="border-left-color:<?php echo ($bookedclass->getColumnVal("colorclass")); ?>">
<?php } else { ?>
<div class="custom-event-details" style="background-color:#CDCDCD">
<div class="custom-event-details" style="background-color:#CDCDCD;border-left-color:#9C9C9C">
<?php } ?>
<h2 class="custom-heading"><?php echo ($bookedclass->getColumnVal("servicename")); ?> -<?php echo $countPersons; ?>/<?php echo ($bookedclass->getColumnVal("maxcapacity")); ?></h2>
<p class="custom-paragraph">Quando: <?php echo $newDateFormat; ?></p>