@aaravpos/appointment-booking-plugin 3.0.0 → 3.0.2

package/dist/styles.css

@@ -1419,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);
@@ -1505,6 +1506,7 @@
   margin-top: 6px;
   border: 1px solid #d1d5db;
   width: fit-content;
+  border-radius: 4px;
 }
 .aaravpos-service-action-btn {
   width: 40px;
@@ -1516,6 +1518,7 @@
   justify-content: center;
   cursor: pointer;
   transition: background 0.2s ease;
+  overflow: hidden;
 }
 .aaravpos-service-action-btn:hover {
   background: #f5f5f4;
@@ -1523,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);
@@ -1705,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;
@@ -1927,7 +1932,7 @@
   margin-bottom: 8px;
 }
 .aaravpos-tip-btn {
-  padding: 6px 8px;
+  padding: 6px;
   border: 1px solid var(--btn-bg-hover);
   border-radius: 4px;
   background: #fff;
@@ -3476,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;
@@ -3490,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 {
@@ -3554,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": "3.0.0",
+  "version": "3.0.2",
   "description": "A React component library built with Tailwind CSS v4 and TypeScript",
   "type": "module",
   "packageManager": "pnpm@10.33.0",