@uniai-fe/uds-templates 0.4.5 → 0.4.6
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
|
@@ -94,6 +94,11 @@
|
|
|
94
94
|
/* Controls */
|
|
95
95
|
--cctv-open-button-color-on: var(--color-common-99);
|
|
96
96
|
--cctv-open-button-color-off: var(--color-label-disabled);
|
|
97
|
+
--service-inquiry-button-width: var(--button-round-height-large);
|
|
98
|
+
--service-inquiry-button-pos-top: auto;
|
|
99
|
+
--service-inquiry-button-pos-left: var(--spacing-padding-10);
|
|
100
|
+
--service-inquiry-button-pos-right: auto;
|
|
101
|
+
--service-inquiry-button-pos-bottom: var(--spacing-padding-10);
|
|
97
102
|
}
|
|
98
103
|
|
|
99
104
|
/* templates styles는 foundation/primitives 순으로 import된 이후를 가정한다. */
|
|
@@ -1733,6 +1738,8 @@
|
|
|
1733
1738
|
margin-top: var(--spacing-gap-8);
|
|
1734
1739
|
}
|
|
1735
1740
|
|
|
1741
|
+
|
|
1742
|
+
|
|
1736
1743
|
.service-inquiry-form {
|
|
1737
1744
|
display: flex;
|
|
1738
1745
|
flex-direction: column;
|
|
@@ -1748,3 +1755,14 @@
|
|
|
1748
1755
|
display: flex;
|
|
1749
1756
|
flex-direction: column;
|
|
1750
1757
|
}
|
|
1758
|
+
|
|
1759
|
+
.service-inquiry-open-button {
|
|
1760
|
+
width: var(--service-inquiry-button-width);
|
|
1761
|
+
--button-round-padding-inline-large: 0px;
|
|
1762
|
+
position: fixed;
|
|
1763
|
+
top: var(--service-inquiry-button-pos-top);
|
|
1764
|
+
left: var(--service-inquiry-button-pos-left);
|
|
1765
|
+
right: var(--service-inquiry-button-pos-right);
|
|
1766
|
+
bottom: var(--service-inquiry-button-pos-bottom);
|
|
1767
|
+
z-index: 100;
|
|
1768
|
+
}
|
package/package.json
CHANGED
|
@@ -1,15 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
// // justify-content: center;
|
|
13
|
-
// // padding: 0;
|
|
14
|
-
// // cursor: pointer;
|
|
15
|
-
// }
|
|
1
|
+
.service-inquiry-open-button {
|
|
2
|
+
width: var(--service-inquiry-button-width);
|
|
3
|
+
--button-round-padding-inline-large: 0px;
|
|
4
|
+
|
|
5
|
+
position: fixed;
|
|
6
|
+
top: var(--service-inquiry-button-pos-top);
|
|
7
|
+
left: var(--service-inquiry-button-pos-left);
|
|
8
|
+
right: var(--service-inquiry-button-pos-right);
|
|
9
|
+
bottom: var(--service-inquiry-button-pos-bottom);
|
|
10
|
+
z-index: 100;
|
|
11
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--service-inquiry-button-width: var(--button-round-height-large);
|
|
3
|
+
|
|
4
|
+
--service-inquiry-button-pos-top: auto;
|
|
5
|
+
--service-inquiry-button-pos-left: var(--spacing-padding-10);
|
|
6
|
+
--service-inquiry-button-pos-right: auto;
|
|
7
|
+
--service-inquiry-button-pos-bottom: var(--spacing-padding-10);
|
|
8
|
+
}
|
|
@@ -23,12 +23,16 @@ export function createServiceInquiryModal({
|
|
|
23
23
|
formProps,
|
|
24
24
|
dialogOptions,
|
|
25
25
|
}: ServiceInquiryCreateModalOptions) {
|
|
26
|
+
const formContextOptions = dialogOptions?.formContextOptions ?? {};
|
|
27
|
+
|
|
26
28
|
return createDialogModal<ServiceInquiryFormValues>({
|
|
27
29
|
...dialogOptions,
|
|
28
30
|
stackKey,
|
|
29
31
|
title: dialogOptions?.title ?? "문의하기",
|
|
30
32
|
// 변경 설명: 문의 모달은 title과 안내 문구를 좌측 정렬로 읽히게 하기 위해 split header를 기본값으로 사용한다.
|
|
31
33
|
headerLayout: dialogOptions?.headerLayout ?? "split",
|
|
34
|
+
// 변경 설명: ServiceInquiryForm은 useFormContext를 직접 읽으므로 Dialog 내부 Form.Provider를 항상 활성화한다.
|
|
35
|
+
formContextOptions,
|
|
32
36
|
content: <ServiceInquiryForm {...formProps} />,
|
|
33
37
|
confirm: {
|
|
34
38
|
label: "문의 접수",
|