@aaravpos/appointment-booking-plugin 2.0.9 → 3.0.1

package/dist/styles.css

@@ -1138,8 +1138,6 @@
 .aaravpos-status-badge {
   display: inline-flex;
   align-items: center;
-  padding: 2px 8px;
-  font-size: 10px;
   padding: 1px 6px;
   font-size: 9px;
   font-weight: 700;
@@ -1421,6 +1419,7 @@
   cursor: pointer;
   background: #ffffff;
   transition: all 0.25s ease;
+  overflow: hidden;
 }
 .aaravpos-service-card:hover {
   border-color: rgba(0, 0, 0, 0.6);
@@ -1507,6 +1506,7 @@
   margin-top: 6px;
   border: 1px solid #d1d5db;
   width: fit-content;
+  border-radius: 4px;
 }
 .aaravpos-service-action-btn {
   width: 40px;
@@ -1518,6 +1518,7 @@
   justify-content: center;
   cursor: pointer;
   transition: background 0.2s ease;
+  overflow: hidden;
 }
 .aaravpos-service-action-btn:hover {
   background: #f5f5f4;
@@ -1525,6 +1526,8 @@
 .aaravpos-service-action-btn.plus {
   background: rgba(0, 0, 0, 0.8);
   color: white;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
 }
 .aaravpos-service-action-btn.plus:hover {
   background: rgba(0, 0, 0, 0.9);
@@ -1707,7 +1710,7 @@
   height: calc(100dvh - 250px);
 }
 .aaravpos-pro-order-list-single {
-  height: calc(100dvh - 185px);
+  height: calc(100dvh - 215px);
 }
 .aaravpos-order-item {
   display: flex;
@@ -3458,10 +3461,10 @@
     padding-right: 24px;
   }
   .aaravpos-order-list {
-    height: calc(100dvh - 235px);
+    height: calc(100dvh - 240px);
   }
   .aaravpos-pro-order-list {
-    height: calc(100dvh - 365px);
+    height: calc(100dvh - 370px);
   }
   .aaravpos-pro-order-list-pro {
     height: calc(100dvh - 295px);
@@ -3478,12 +3481,28 @@
   .aaravpos-services-grid {
     grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
   }
+  .aaravpos-service-actions {
+    width: 100%;
+    overflow: hidden;
+  }
+  .aaravpos-service-action-btn, .aaravpos-service-action-btn.plus {
+    flex-shrink: 0;
+  }
+  .aaravpos-service-qty {
+    flex: 1;
+  }
+  .arravpos-date-strip {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+  }
+  .arravpos-date-wrapper {
+    justify-content: space-between;
+    flex: 1;
+  }
 }
 @media (max-width: 480px) {
-  .arravpos-date-nav-btn {
-    width: 23px;
-    padding: 6px;
-  }
   .arravpos-date-nav-btn svg {
     width: 16px;
     height: 16px;
@@ -3492,12 +3511,11 @@
     gap: 4px;
   }
   .arravpos-date-card {
-    min-width: 24px;
     min-height: 38px;
-    padding: 8px 4px;
+    min-width: 20px;
   }
   .arravpos-calendar-btn {
-    margin-left: 2px;
+    margin-left: 0px;
     padding: 6px;
   }
   .arravpos-date-week {
@@ -3556,6 +3574,21 @@
     height: 24px;
     width: 24px;
   }
+  .aaravpos-service-title {
+    font-size: 12px;
+  }
+  .aaravpos-service-description {
+    font-size: 10px;
+  }
+}
+@media (max-width: 418px) {
+  .arravpos-date-nav-btn {
+    width: 26px;
+  }
+  .arravpos-date-card {
+    min-width: 22px;
+    padding: 6px 4px;
+  }
 }
 @media (min-width: 991px) {
   .aaravpos-sidebar {

package/package.json

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