@aaravpos/appointment-booking-plugin 2.0.4 → 2.0.5

package/dist/styles.css

@@ -809,7 +809,7 @@
   overflow: hidden;
 }
 .aaravpos-text-bold {
-  font-weight: 800;
+  font-weight: 600;
   color: #000;
 }
 .aaravpos-tab-enabled {
@@ -826,7 +826,7 @@
   width: 100%;
   box-sizing: border-box;
   margin: 0 auto;
-  height: 700px;
+  max-height: 700px;
 }
 .aaravpos-margin-top-20 {
   margin-top: 20px;
@@ -851,7 +851,7 @@
   transition: all 0.2s ease;
   border-radius: 6px;
   position: absolute;
-  bottom: 15px;
+  bottom: 12px;
   z-index: 50;
   display: flex;
   align-items: center;
@@ -887,7 +887,7 @@
   padding: 9px 8px !important;
 }
 .aaravpos-layout {
-  height: 700px;
+  max-height: 700px;
   display: flex;
   flex-direction: column;
   background: var(--canvas, #ffffff);
@@ -897,10 +897,10 @@
 .aaravpos-layout-content {
   flex: 1;
   position: relative;
-  height: 700px;
+  max-height: 700px;
 }
 .aaravpos-layout-page {
-  height: 700px;
+  max-height: 700px;
 }
 .aaravpos-title {
   font-size: 22px;
@@ -915,7 +915,7 @@
 .aaravpos-main-layout {
   display: flex;
   flex-direction: column;
-  height: 700px;
+  max-height: 700px;
 }
 .aaravpos-layout-wrapper {
   flex: 1;
@@ -1009,22 +1009,6 @@
   justify-content: center;
   pointer-events: none;
 }
-.aaravpos-search-input {
-  width: 100%;
-  height: 32px;
-  border-radius: 6px;
-  border: 1px solid #d1d5db;
-  background: #ffffff;
-  padding-left: 40px;
-  padding-right: 80px;
-  font-size: 14px;
-  outline: none;
-  transition: all 0.3s ease;
-  box-sizing: border-box;
-}
-.aaravpos-search-input:focus {
-  border-color: #9ca3af;
-}
 .aaravpos-search-actions {
   position: absolute;
   right: 12px;
@@ -1263,6 +1247,11 @@
 .aaravpos-step-icon.inactive {
   color: var(--btn-bg-hover);
 }
+.aaravpos-navbar-form {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
 .aaravpos-page-title {
   font-size: 22px;
   font-weight: 900;
@@ -1374,6 +1363,7 @@
   cursor: pointer;
   transition: all 0.3s ease;
   font-size: 14px;
+  border-radius: 4px;
 }
 .aaravpos-supercategory-btn:hover {
   border-color: rgba(0, 0, 0, 0.5);
@@ -1406,7 +1396,7 @@
   padding-bottom: 75px;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  height: 318px;
+  max-height: 318px;
 }
 .aaravpos-services-wrapper::-webkit-scrollbar {
   display: none;
@@ -1556,7 +1546,7 @@
   left: -100%;
   width: 100%;
   height: 100%;
-  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
+  background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.5), transparent );
   animation: aaravpos-shimmer 1.2s infinite;
 }
 .aaravpos-available-badge {
@@ -1981,7 +1971,7 @@
 .aaravpos-date-modal-overlay {
   position: fixed;
   inset: 0;
-  z-index: 200;
+  z-index: 1026;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2008,7 +1998,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 16px;
+  padding: 10px 16px;
   background: var(--canvas-bg);
   border-bottom: 1px solid var(--border-color);
 }
@@ -2038,7 +2028,7 @@
 }
 .aaravpos-date-modal-body {
   overflow-y: auto;
-  padding: 10px 28px 20px 28px;
+  padding: 10px 15px 15px 15px;
 }
 .aaravpos-date-nav {
   display: flex;
@@ -2078,7 +2068,8 @@
   color: var(--text-muted);
 }
 .aaravpos-calendar-day {
-  min-height: 34px;
+  height: 34px;
+  width: 34px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2168,7 +2159,7 @@
   left: -100%;
   width: 100%;
   height: 100%;
-  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
+  background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.5), transparent );
   animation: aaravposShimmer 1.2s infinite;
 }
 .aaravpos-spinner-wrapper {
@@ -2229,7 +2220,7 @@
   overflow-y: auto;
   padding-bottom: 80px;
   scrollbar-width: none;
-  height: 515px;
+  max-height: 515px;
 }
 .arravpos-details-scroll::-webkit-scrollbar {
   display: none;
@@ -2295,6 +2286,7 @@
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
+  z-index: 999;
 }
 .arravpos-loader {
   width: 16px;
@@ -2353,7 +2345,7 @@
 .arravpos-booking-scroll {
   overflow-y: auto;
   scrollbar-width: none;
-  height: 470px;
+  max-height: 470px;
   padding-bottom: 25px;
 }
 .arravpos-booking-scroll::-webkit-scrollbar {
@@ -2426,7 +2418,7 @@
 .arravpos-success-motion {
   display: flex;
   flex-direction: column;
-  height: 580px;
+  max-height: 580px;
   align-items: center;
   justify-content: center;
   background: var(--canvas);
@@ -3048,7 +3040,8 @@
   overflow-y: auto;
   padding-bottom: 80px;
   scrollbar-width: none;
-  height: 362px;
+  max-height: 362px;
+  position: relative;
 }
 .arravpos-scroll-area::-webkit-scrollbar {
   display: none;
@@ -3157,7 +3150,7 @@
   padding-bottom: 80px;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  height: 504px;
+  max-height: 504px;
 }
 .aaravpos-staff-wrapper::-webkit-scrollbar {
   display: none;
@@ -3248,7 +3241,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 100vh;
+  height: 600px;
 }
 .aaravpos-loading-text {
   font-size: 14px;
@@ -3259,7 +3252,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  height: 100vh;
+  height: 600px;
   padding: 20px;
   text-align: center;
 }
@@ -3297,7 +3290,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 580px;
+  min-height: 580px;
 }
 .aaravpos-loader {
   width: 24px;
@@ -3333,14 +3326,7 @@
   }
   .aaravpos-date-modal {
     height: fit-content;
-    border-top-left-radius: 18px;
-    border-top-right-radius: 18px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  .aaravpos-date-modal-header {
-    padding-left: 16px;
-    padding-right: 16px;
+    border-radius: 12px;
   }
   .aaravpos-date-modal-title {
     font-size: 18px;
@@ -3348,9 +3334,6 @@
   .aaravpos-calendar-grid {
     gap: 8px;
   }
-  .aaravpos-calendar-day {
-    min-height: 40px;
-  }
   .arravpos-date-nav-btn svg {
     width: 18px;
     height: 18px;
@@ -3467,10 +3450,10 @@
     padding-right: 24px;
   }
   .aaravpos-order-list {
-    height: calc(100dvh - 235px);
+    height: calc(100dvh - 225px);
   }
   .aaravpos-pro-order-list {
-    height: calc(100dvh - 265px);
+    height: calc(100dvh - 250px);
   }
   .aaravpos-sidebar-close-btn {
     display: none;
@@ -3485,7 +3468,7 @@
 }
 @media (max-width: 480px) {
   .arravpos-date-nav-btn {
-    width: 30px;
+    width: 23px;
     padding: 6px;
   }
   .arravpos-date-nav-btn svg {
@@ -3496,10 +3479,14 @@
     gap: 4px;
   }
   .arravpos-date-card {
-    min-width: 26px;
-    min-height: 40px;
+    min-width: 24px;
+    min-height: 38px;
     padding: 8px 4px;
   }
+  .arravpos-calendar-btn {
+    margin-left: 2px;
+    padding: 6px;
+  }
   .arravpos-date-week {
     font-size: 8px;
     margin-bottom: 3px;
@@ -3549,6 +3536,13 @@
   .arravpos-appointment-date-text {
     font-size: 13px;
   }
+  .aaravpos-date-modal {
+    width: 290px;
+  }
+  .aaravpos-calendar-day {
+    height: 24px;
+    width: 24px;
+  }
 }
 @media (min-width: 1024px) {
   .arravpos-date-strip {
@@ -3598,6 +3592,10 @@
   }
 }
 @media (max-width: 1024px) {
+  .aaravpos-navbar-form {
+    flex-direction: column;
+    margin-bottom: 10px;
+  }
   .arravpos-booking-grid {
     flex-direction: column;
     gap: 20px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aaravpos/appointment-booking-plugin",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "A React component library built with Tailwind CSS v4 and TypeScript",
   "type": "module",
   "packageManager": "pnpm@10.33.0",