@aaravpos/appointment-barber-booking 2.0.1 → 2.0.3
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
|
@@ -1243,7 +1243,7 @@
|
|
|
1243
1243
|
}
|
|
1244
1244
|
.aaravpos-barber-step-nav {
|
|
1245
1245
|
display: grid;
|
|
1246
|
-
grid-template-columns: repeat(
|
|
1246
|
+
grid-template-columns: repeat(3, 1fr);
|
|
1247
1247
|
width: 100%;
|
|
1248
1248
|
overflow: hidden;
|
|
1249
1249
|
}
|
|
@@ -1600,7 +1600,6 @@
|
|
|
1600
1600
|
}
|
|
1601
1601
|
.aaravpos-barber-skeleton-card {
|
|
1602
1602
|
position: relative;
|
|
1603
|
-
height: 134px;
|
|
1604
1603
|
overflow: hidden;
|
|
1605
1604
|
border-radius: 4px;
|
|
1606
1605
|
background: #e0e0e0;
|
|
@@ -1614,6 +1613,77 @@
|
|
|
1614
1613
|
background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.5), transparent );
|
|
1615
1614
|
animation: aaravpos-barber-shimmer 1.2s infinite;
|
|
1616
1615
|
}
|
|
1616
|
+
.shimmer {
|
|
1617
|
+
position: relative;
|
|
1618
|
+
overflow: hidden;
|
|
1619
|
+
background: #e5e7eb;
|
|
1620
|
+
}
|
|
1621
|
+
.shimmer::before {
|
|
1622
|
+
content: "";
|
|
1623
|
+
position: absolute;
|
|
1624
|
+
top: 0;
|
|
1625
|
+
left: -150px;
|
|
1626
|
+
height: 100%;
|
|
1627
|
+
width: 150px;
|
|
1628
|
+
background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6), transparent );
|
|
1629
|
+
animation: shimmer 1.2s infinite;
|
|
1630
|
+
}
|
|
1631
|
+
@keyframes shimmer {
|
|
1632
|
+
100% {
|
|
1633
|
+
left: 100%;
|
|
1634
|
+
}
|
|
1635
|
+
}
|
|
1636
|
+
@keyframes aaravpos-barber-shimmer {
|
|
1637
|
+
100% {
|
|
1638
|
+
left: 100%;
|
|
1639
|
+
}
|
|
1640
|
+
}
|
|
1641
|
+
.aaravpos-barber-slot-skeleton-title {
|
|
1642
|
+
width: 140px;
|
|
1643
|
+
height: 16px;
|
|
1644
|
+
border-radius: 6px;
|
|
1645
|
+
}
|
|
1646
|
+
.aaravpos-barber-slot-skeleton-arrow {
|
|
1647
|
+
width: 20px;
|
|
1648
|
+
height: 20px;
|
|
1649
|
+
border-radius: 50%;
|
|
1650
|
+
}
|
|
1651
|
+
.aaravpos-barber-slot-skeleton-card {
|
|
1652
|
+
width: 100%;
|
|
1653
|
+
height: 56px;
|
|
1654
|
+
}
|
|
1655
|
+
.aaravpos-barber-skeleton-image {
|
|
1656
|
+
width: 100%;
|
|
1657
|
+
height: 160px;
|
|
1658
|
+
}
|
|
1659
|
+
.aaravpos-barber-skeleton-content {
|
|
1660
|
+
padding: 14px 0;
|
|
1661
|
+
}
|
|
1662
|
+
.aaravpos-barber-skeleton-name {
|
|
1663
|
+
width: 70%;
|
|
1664
|
+
height: 18px;
|
|
1665
|
+
border-radius: 8px;
|
|
1666
|
+
margin-bottom: 10px;
|
|
1667
|
+
}
|
|
1668
|
+
.aaravpos-barber-skeleton-role {
|
|
1669
|
+
width: 45%;
|
|
1670
|
+
height: 14px;
|
|
1671
|
+
border-radius: 8px;
|
|
1672
|
+
}
|
|
1673
|
+
.aaravpos-barber-skeleton-btn {
|
|
1674
|
+
width: 100%;
|
|
1675
|
+
height: 42px;
|
|
1676
|
+
border-radius: 12px;
|
|
1677
|
+
margin-top: 14px;
|
|
1678
|
+
}
|
|
1679
|
+
.aaravpos-barber-skeleton-rating {
|
|
1680
|
+
width: 60px;
|
|
1681
|
+
height: 24px;
|
|
1682
|
+
border-radius: 20px;
|
|
1683
|
+
position: absolute;
|
|
1684
|
+
top: 12px;
|
|
1685
|
+
right: 12px;
|
|
1686
|
+
}
|
|
1617
1687
|
.aaravpos-barber-professional-wrapper {
|
|
1618
1688
|
overflow-y: auto;
|
|
1619
1689
|
scrollbar-width: none;
|
|
@@ -1698,7 +1768,7 @@
|
|
|
1698
1768
|
.aaravpos-barber-professional-name {
|
|
1699
1769
|
font-size: 16px;
|
|
1700
1770
|
line-height: 1;
|
|
1701
|
-
font-weight:
|
|
1771
|
+
font-weight: 700;
|
|
1702
1772
|
color: var(--btn-text);
|
|
1703
1773
|
text-transform: uppercase;
|
|
1704
1774
|
display: -webkit-box;
|
|
@@ -1711,7 +1781,7 @@
|
|
|
1711
1781
|
}
|
|
1712
1782
|
.aaravpos-barber-professional-role {
|
|
1713
1783
|
font-size: 11px;
|
|
1714
|
-
font-weight:
|
|
1784
|
+
font-weight: 600;
|
|
1715
1785
|
color: var(--btn-bg-hover);
|
|
1716
1786
|
text-transform: uppercase;
|
|
1717
1787
|
letter-spacing: 1px;
|
package/package.json
CHANGED