New UI for public booking
This commit is contained in:
@@ -244,4 +244,46 @@ body,
|
||||
border: 3px solid transparent;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.public-booking-light {
|
||||
background: #eaf2f4;
|
||||
color: #0f172a;
|
||||
}
|
||||
|
||||
.public-booking-light .public-booking-frame {
|
||||
background: radial-gradient(circle at 18% 10%, rgba(16, 185, 129, 0.18), transparent 28%),
|
||||
radial-gradient(circle at 82% 18%, rgba(59, 130, 246, 0.14), transparent 30%),
|
||||
linear-gradient(180deg, #f8fbfc 0%, #edf5f7 52%, #e5eef2 100%);
|
||||
}
|
||||
|
||||
.public-booking-light .public-booking-panel {
|
||||
background: rgba(255, 255, 255, 0.78);
|
||||
border-color: rgba(15, 23, 42, 0.13);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 18px 48px rgba(15, 23, 42, 0.09);
|
||||
}
|
||||
|
||||
.public-booking-light [class*="border-white"] {
|
||||
border-color: rgba(15, 23, 42, 0.13);
|
||||
}
|
||||
|
||||
.public-booking-light [class*="bg-white"] {
|
||||
background-color: rgba(15, 23, 42, 0.045);
|
||||
}
|
||||
|
||||
.public-booking-light [class*="text-white"] {
|
||||
color: rgba(15, 23, 42, 0.72);
|
||||
}
|
||||
|
||||
.public-booking-light .text-emerald-400,
|
||||
.public-booking-light .text-cyan-300 {
|
||||
color: #059669;
|
||||
}
|
||||
|
||||
.public-booking-light .bg-emerald-500 {
|
||||
background-color: #10b981;
|
||||
}
|
||||
|
||||
.public-booking-light .text-red-300 {
|
||||
color: #dc2626;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user