@aaravpos/appointment-barber-booking 1.0.4 → 1.0.5

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/styles.css CHANGED
@@ -1590,7 +1590,8 @@
1590
1590
  }
1591
1591
  .aaravpos-barber-professional-grid {
1592
1592
  display: grid;
1593
- grid-template-columns: repeat(5, 1fr);
1593
+ grid-template-columns: repeat(auto-fit, minmax(220px, 260px));
1594
+ justify-content: center;
1594
1595
  gap: 34px;
1595
1596
  }
1596
1597
  .aaravpos-barber-professional-header {
@@ -1705,6 +1706,7 @@
1705
1706
  .aaravpos-barber-order-header {
1706
1707
  padding: 0px 0px 8px 0px;
1707
1708
  border-bottom: 1px solid #d1d5db;
1709
+ position: relative;
1708
1710
  }
1709
1711
  .aaravpos-barber-order-title {
1710
1712
  font-size: 16px;
@@ -2027,15 +2029,21 @@
2027
2029
  font-weight: 500;
2028
2030
  }
2029
2031
  .aaravpos-barber-sidebar-close-btn {
2030
- display: block;
2031
- width: auto;
2032
- padding: 2px 6px;
2032
+ width: 28px;
2033
+ height: 28px;
2034
+ padding: 4px;
2033
2035
  border: none;
2034
2036
  border-radius: 6px;
2035
2037
  background: transparent;
2036
2038
  cursor: pointer;
2037
- font-size: 30px;
2039
+ font-size: 20px;
2038
2040
  transition: all 0.2s ease;
2041
+ position: absolute;
2042
+ top: -4px;
2043
+ right: 0;
2044
+ display: flex;
2045
+ align-items: center;
2046
+ justify-content: center;
2039
2047
  }
2040
2048
  .aaravpos-barber-sidebar-close-btn:hover {
2041
2049
  background: rgba(0, 0, 0, 0.05);
@@ -3701,20 +3709,10 @@
3701
3709
  grid-template-columns: repeat(5, 1fr);
3702
3710
  }
3703
3711
  }
3704
- @media (max-width: 1500px) {
3705
- .aaravpos-barber-professional-grid {
3706
- grid-template-columns: repeat(4, 1fr);
3707
- }
3708
- }
3709
- @media (max-width: 1200px) {
3710
- .aaravpos-barber-professional-grid {
3711
- grid-template-columns: repeat(3, 1fr);
3712
- }
3713
- }
3714
3712
  @media (max-width: 768px) {
3715
3713
  .aaravpos-barber-professional-grid {
3716
- grid-template-columns: repeat(2, 1fr);
3717
3714
  gap: 20px;
3715
+ grid-template-columns: repeat(auto-fit, minmax(180px, 220px));
3718
3716
  }
3719
3717
  .aaravpos-barber-professional-name {
3720
3718
  font-size: 20px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aaravpos/appointment-barber-booking",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
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",