@aaravpos/appointment-booking-plugin 2.0.5 → 2.0.6

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.
Files changed (2) hide show
  1. package/dist/styles.css +43 -37
  2. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -826,7 +826,7 @@
826
826
  width: 100%;
827
827
  box-sizing: border-box;
828
828
  margin: 0 auto;
829
- max-height: 700px;
829
+ height: 700px;
830
830
  }
831
831
  .aaravpos-margin-top-20 {
832
832
  margin-top: 20px;
@@ -851,7 +851,7 @@
851
851
  transition: all 0.2s ease;
852
852
  border-radius: 6px;
853
853
  position: absolute;
854
- bottom: 12px;
854
+ bottom: 15px;
855
855
  z-index: 50;
856
856
  display: flex;
857
857
  align-items: center;
@@ -887,7 +887,7 @@
887
887
  padding: 9px 8px !important;
888
888
  }
889
889
  .aaravpos-layout {
890
- max-height: 700px;
890
+ height: 700px;
891
891
  display: flex;
892
892
  flex-direction: column;
893
893
  background: var(--canvas, #ffffff);
@@ -900,7 +900,7 @@
900
900
  max-height: 700px;
901
901
  }
902
902
  .aaravpos-layout-page {
903
- max-height: 700px;
903
+ height: 700px;
904
904
  }
905
905
  .aaravpos-title {
906
906
  font-size: 22px;
@@ -915,7 +915,7 @@
915
915
  .aaravpos-main-layout {
916
916
  display: flex;
917
917
  flex-direction: column;
918
- max-height: 700px;
918
+ height: 700px;
919
919
  }
920
920
  .aaravpos-layout-wrapper {
921
921
  flex: 1;
@@ -1035,7 +1035,7 @@
1035
1035
  .aaravpos-outlet-list-wrapper {
1036
1036
  padding-top: 8px;
1037
1037
  padding-bottom: 8px;
1038
- max-height: 570px;
1038
+ height: 610px;
1039
1039
  overflow: auto;
1040
1040
  scrollbar-width: none;
1041
1041
  }
@@ -1196,6 +1196,7 @@
1196
1196
  background: #ffffff;
1197
1197
  cursor: pointer;
1198
1198
  outline: none;
1199
+ flex-shrink: 0;
1199
1200
  border-radius: 100%;
1200
1201
  overflow: hidden;
1201
1202
  }
@@ -1229,7 +1230,8 @@
1229
1230
  }
1230
1231
  .aaravpos-step-btn.disabled {
1231
1232
  cursor: not-allowed;
1232
- opacity: 0.4;
1233
+ opacity: 0.5;
1234
+ pointer-events: none;
1233
1235
  }
1234
1236
  .aaravpos-step-btn.active {
1235
1237
  border-bottom-color: var(--btn-bg);
@@ -1393,10 +1395,10 @@
1393
1395
  }
1394
1396
  .aaravpos-services-wrapper {
1395
1397
  overflow-y: auto;
1396
- padding-bottom: 75px;
1398
+ padding-bottom: 30px;
1397
1399
  scrollbar-width: none;
1398
1400
  -ms-overflow-style: none;
1399
- max-height: 318px;
1401
+ height: 418px;
1400
1402
  }
1401
1403
  .aaravpos-services-wrapper::-webkit-scrollbar {
1402
1404
  display: none;
@@ -1546,7 +1548,7 @@
1546
1548
  left: -100%;
1547
1549
  width: 100%;
1548
1550
  height: 100%;
1549
- background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.5), transparent );
1551
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
1550
1552
  animation: aaravpos-shimmer 1.2s infinite;
1551
1553
  }
1552
1554
  .aaravpos-available-badge {
@@ -2159,7 +2161,7 @@
2159
2161
  left: -100%;
2160
2162
  width: 100%;
2161
2163
  height: 100%;
2162
- background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.5), transparent );
2164
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
2163
2165
  animation: aaravposShimmer 1.2s infinite;
2164
2166
  }
2165
2167
  .aaravpos-spinner-wrapper {
@@ -2218,9 +2220,9 @@
2218
2220
  }
2219
2221
  .arravpos-details-scroll {
2220
2222
  overflow-y: auto;
2221
- padding-bottom: 80px;
2223
+ padding-bottom: 30px;
2222
2224
  scrollbar-width: none;
2223
- max-height: 515px;
2225
+ height: 565px;
2224
2226
  }
2225
2227
  .arravpos-details-scroll::-webkit-scrollbar {
2226
2228
  display: none;
@@ -2345,8 +2347,8 @@
2345
2347
  .arravpos-booking-scroll {
2346
2348
  overflow-y: auto;
2347
2349
  scrollbar-width: none;
2348
- max-height: 470px;
2349
- padding-bottom: 25px;
2350
+ height: 495px;
2351
+ padding-bottom: 15px;
2350
2352
  }
2351
2353
  .arravpos-booking-scroll::-webkit-scrollbar {
2352
2354
  display: none;
@@ -2410,7 +2412,7 @@
2410
2412
  .arravpos-success-wrapper {
2411
2413
  overflow-y: auto;
2412
2414
  scrollbar-width: none;
2413
- height: 580px;
2415
+ height: 700px;
2414
2416
  }
2415
2417
  .arravpos-success-wrapper::-webkit-scrollbar {
2416
2418
  display: none;
@@ -2418,7 +2420,7 @@
2418
2420
  .arravpos-success-motion {
2419
2421
  display: flex;
2420
2422
  flex-direction: column;
2421
- max-height: 580px;
2423
+ height: 668px;
2422
2424
  align-items: center;
2423
2425
  justify-content: center;
2424
2426
  background: var(--canvas);
@@ -2461,7 +2463,7 @@
2461
2463
  margin-bottom: 10px;
2462
2464
  padding: 10px;
2463
2465
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2464
- height: 320px;
2466
+ height: 400px;
2465
2467
  overflow-x: scroll;
2466
2468
  scrollbar-width: none;
2467
2469
  -ms-overflow-style: none;
@@ -3147,10 +3149,10 @@
3147
3149
  }
3148
3150
  .aaravpos-staff-wrapper {
3149
3151
  overflow-y: auto;
3150
- padding-bottom: 80px;
3152
+ padding-bottom: 40px;
3151
3153
  scrollbar-width: none;
3152
3154
  -ms-overflow-style: none;
3153
- max-height: 504px;
3155
+ height: 540px;
3154
3156
  }
3155
3157
  .aaravpos-staff-wrapper::-webkit-scrollbar {
3156
3158
  display: none;
@@ -3241,7 +3243,7 @@
3241
3243
  display: flex;
3242
3244
  align-items: center;
3243
3245
  justify-content: center;
3244
- height: 600px;
3246
+ height: 700px;
3245
3247
  }
3246
3248
  .aaravpos-loading-text {
3247
3249
  font-size: 14px;
@@ -3252,7 +3254,7 @@
3252
3254
  flex-direction: column;
3253
3255
  align-items: center;
3254
3256
  justify-content: center;
3255
- height: 600px;
3257
+ height: 700px;
3256
3258
  padding: 20px;
3257
3259
  text-align: center;
3258
3260
  }
@@ -3290,7 +3292,7 @@
3290
3292
  display: flex;
3291
3293
  align-items: center;
3292
3294
  justify-content: center;
3293
- min-height: 580px;
3295
+ height: 610px;
3294
3296
  }
3295
3297
  .aaravpos-loader {
3296
3298
  width: 24px;
@@ -3381,9 +3383,6 @@
3381
3383
  line-clamp: 2;
3382
3384
  -webkit-box-orient: vertical;
3383
3385
  }
3384
- .aaravpos-sidebar {
3385
- display: none;
3386
- }
3387
3386
  .aaravpos-page-title {
3388
3387
  font-size: 16px;
3389
3388
  }
@@ -3399,9 +3398,6 @@
3399
3398
  .aaravpos-mobile-step-label {
3400
3399
  font-size: 14px;
3401
3400
  }
3402
- .aaravpos-btn {
3403
- display: block;
3404
- }
3405
3401
  .aaravpos-outlet-card-title {
3406
3402
  font-size: 16px;
3407
3403
  }
@@ -3439,9 +3435,6 @@
3439
3435
  .aaravpos-services-wrapper.standalone {
3440
3436
  height: calc(100dvh - 300px);
3441
3437
  }
3442
- .aaravpos-sidebar {
3443
- display: flex;
3444
- }
3445
3438
  .aaravpos-mobile-button {
3446
3439
  display: none;
3447
3440
  }
@@ -3450,10 +3443,10 @@
3450
3443
  padding-right: 24px;
3451
3444
  }
3452
3445
  .aaravpos-order-list {
3453
- height: calc(100dvh - 225px);
3446
+ height: calc(100dvh - 235px);
3454
3447
  }
3455
3448
  .aaravpos-pro-order-list {
3456
- height: calc(100dvh - 250px);
3449
+ height: calc(100dvh - 265px);
3457
3450
  }
3458
3451
  .aaravpos-sidebar-close-btn {
3459
3452
  display: none;
@@ -3544,6 +3537,22 @@
3544
3537
  width: 24px;
3545
3538
  }
3546
3539
  }
3540
+ @media (min-width: 991px) {
3541
+ .aaravpos-sidebar {
3542
+ display: block;
3543
+ }
3544
+ .aaravpos-layout-wrapper.with-sidebar {
3545
+ grid-template-columns: minmax(0, 1fr) 360px;
3546
+ }
3547
+ }
3548
+ @media (max-width: 991px) {
3549
+ .aaravpos-sidebar {
3550
+ display: none;
3551
+ }
3552
+ .aaravpos-btn {
3553
+ display: block;
3554
+ }
3555
+ }
3547
3556
  @media (min-width: 1024px) {
3548
3557
  .arravpos-date-strip {
3549
3558
  gap: 6px;
@@ -3587,9 +3596,6 @@
3587
3596
  .arravpos-details-scroll {
3588
3597
  padding-bottom: 16px;
3589
3598
  }
3590
- .aaravpos-layout-wrapper.with-sidebar {
3591
- grid-template-columns: minmax(0, 1fr) 360px;
3592
- }
3593
3599
  }
3594
3600
  @media (max-width: 1024px) {
3595
3601
  .aaravpos-navbar-form {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aaravpos/appointment-booking-plugin",
3
- "version": "2.0.5",
3
+ "version": "2.0.6",
4
4
  "description": "A React component library built with Tailwind CSS v4 and TypeScript",
5
5
  "type": "module",
6
6
  "packageManager": "pnpm@10.33.0",