mautourco-components 0.2.124 → 0.2.126
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.
|
@@ -5,7 +5,7 @@ export function priceFormatter(amount, currency) {
|
|
|
5
5
|
amount = parseFloat(amount);
|
|
6
6
|
}
|
|
7
7
|
// Format with space as thousand separator and 2 decimal places
|
|
8
|
-
var formattedAmount = amount.toLocaleString('
|
|
8
|
+
var formattedAmount = amount.toLocaleString('en-US', {
|
|
9
9
|
minimumFractionDigits: 2,
|
|
10
10
|
maximumFractionDigits: 2,
|
|
11
11
|
});
|
|
@@ -15,7 +15,13 @@
|
|
|
15
15
|
--tw-bg-opacity: 1;
|
|
16
16
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
17
17
|
padding: 2rem;
|
|
18
|
-
box-shadow:
|
|
18
|
+
box-shadow:
|
|
19
|
+
var(--spacing-base-0, 0) var(--spacing-base-0, 0)
|
|
20
|
+
var(--backdrop-blur-backdrop-blur-sm, 4px) var(--spacing-base-0, 0)
|
|
21
|
+
rgba(48, 54, 66, 0.11),
|
|
22
|
+
var(--spacing-base-0, 0) var(--spacing-base-05, 2px)
|
|
23
|
+
var(--backdrop-blur-backdrop-blur-xs, 2px) var(--spacing-base-0, 0)
|
|
24
|
+
rgba(48, 54, 66, 0.1);
|
|
19
25
|
}
|
|
20
26
|
|
|
21
27
|
/* Header */
|
|
@@ -23,8 +29,13 @@
|
|
|
23
29
|
.search-bar-transfer__header {
|
|
24
30
|
display: flex;
|
|
25
31
|
width: 100%;
|
|
26
|
-
|
|
27
|
-
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
gap: 1rem;
|
|
34
|
+
@media (width >= 1280px) {
|
|
35
|
+
flex-direction: row;
|
|
36
|
+
justify-content: space-between;
|
|
37
|
+
align-items: center;
|
|
38
|
+
}
|
|
28
39
|
}
|
|
29
40
|
|
|
30
41
|
/* Mode Selector (Segmented Button) */
|
package/package.json
CHANGED
|
@@ -2,12 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
.search-bar-transfer {
|
|
4
4
|
@apply w-full bg-white border border-[var(--color-border-subtle)] rounded-3xl p-8 flex flex-col gap-8;
|
|
5
|
-
box-shadow:
|
|
5
|
+
box-shadow:
|
|
6
|
+
var(--spacing-base-0, 0) var(--spacing-base-0, 0)
|
|
7
|
+
var(--backdrop-blur-backdrop-blur-sm, 4px) var(--spacing-base-0, 0)
|
|
8
|
+
rgba(48, 54, 66, 0.11),
|
|
9
|
+
var(--spacing-base-0, 0) var(--spacing-base-05, 2px)
|
|
10
|
+
var(--backdrop-blur-backdrop-blur-xs, 2px) var(--spacing-base-0, 0)
|
|
11
|
+
rgba(48, 54, 66, 0.1);
|
|
6
12
|
}
|
|
7
13
|
|
|
8
14
|
/* Header */
|
|
9
15
|
.search-bar-transfer__header {
|
|
10
|
-
@apply flex
|
|
16
|
+
@apply flex flex-col w-full gap-4;
|
|
17
|
+
@media (width >= 1280px) {
|
|
18
|
+
flex-direction: row;
|
|
19
|
+
justify-content: space-between;
|
|
20
|
+
align-items: center;
|
|
21
|
+
}
|
|
11
22
|
}
|
|
12
23
|
|
|
13
24
|
/* Mode Selector (Segmented Button) */
|
|
@@ -120,4 +131,4 @@
|
|
|
120
131
|
.search-bar-transfer {
|
|
121
132
|
gap: 28px;
|
|
122
133
|
}
|
|
123
|
-
}
|
|
134
|
+
}
|