@wix/vibe-bookings-plugin 0.67.0 → 0.68.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +5 -4
- package/dist/index.cjs.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -3115,14 +3115,15 @@ The \`BookingProvider\` uses \`createBookingLoader(rootRouteLoader)\` to combine
|
|
|
3115
3115
|
|
|
3116
3116
|
All the routes from the bookings router are 100% width, no titles, no background, no padding nor margin outside of their content area. Each route includes a \`<BookingsBreadcrumbs>\` component that must be rendered with the appropriate \`BOOKINGS_ROUTES\` constant.
|
|
3117
3117
|
|
|
3118
|
-
To add styling (padding, margins, background
|
|
3118
|
+
To add styling (padding, margins, background) to the first div (<div className="bg-background...">), wrap each route element with a layout structure.
|
|
3119
|
+
also for the header (<h1 className="font-heading ...">Select Service</h1>) set padding top and bottom so it will not be too close to the BookingsBreadcrumbs and the page.
|
|
3120
|
+
For example:
|
|
3119
3121
|
\`\`\`tsx
|
|
3120
3122
|
{
|
|
3121
3123
|
path: 'services',
|
|
3122
3124
|
element: (
|
|
3123
|
-
|
|
3124
|
-
|
|
3125
|
-
<div className="...">
|
|
3125
|
+
<div className="bg-background...">
|
|
3126
|
+
<BookingsBreadcrumbs currentPage={BOOKINGS_ROUTES.SERVICES} />
|
|
3126
3127
|
<h1 className="font-heading ...">Select Service</h1>
|
|
3127
3128
|
<ServiceListPageRoute slotsPagePath="/booking/slots" formPagePath="/booking/form" />
|
|
3128
3129
|
</div>
|