quasar-ui-sellmate-ui-kit 3.1.4 → 3.1.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/.eslintrc.cjs +1 -1
- package/dist/index.common.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.min.css +1 -1
- package/dist/index.rtl.css +1 -1
- package/dist/index.rtl.min.css +1 -1
- package/dist/index.umd.js +8 -8
- package/dist/index.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/components/SCaution.vue +7 -5
- package/src/components/SDropdown.vue +40 -2
package/package.json
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
color="Red_Lighten-1"
|
|
21
21
|
:name="cautionOutlineIcon"
|
|
22
22
|
/>
|
|
23
|
-
<strong class="s-caution__icon--title text-white block font-16-700">{{ label }}</strong>
|
|
23
|
+
<strong class="s-caution__icon--title q-mt-xs text-white block font-16-700">{{ label }}</strong>
|
|
24
24
|
</template>
|
|
25
25
|
<template #default>
|
|
26
26
|
<ul>
|
|
@@ -99,16 +99,17 @@ export default defineComponent({
|
|
|
99
99
|
|
|
100
100
|
:deep(.q-banner__content) {
|
|
101
101
|
padding: 0 !important;
|
|
102
|
-
margin: 20px 32px;
|
|
103
|
-
ul {
|
|
102
|
+
margin: 20px 32px 20px 48px;
|
|
103
|
+
> ul {
|
|
104
104
|
padding: 0;
|
|
105
105
|
margin: 0;
|
|
106
106
|
|
|
107
|
-
li {
|
|
107
|
+
> li {
|
|
108
108
|
list-style: none;
|
|
109
109
|
font-size: $default-font;
|
|
110
110
|
// NOTE: 현재(2024-02-16) 디자인팀에서 line-height px 단위로 일괄 조절 진행중. 차후 공통으로 % 적용된 부분 일괄 변경 필요.
|
|
111
111
|
line-height: 22px;
|
|
112
|
+
text-indent: -18px !important;
|
|
112
113
|
&:before {
|
|
113
114
|
content: '-';
|
|
114
115
|
font-size: $default-font;
|
|
@@ -127,9 +128,10 @@ export default defineComponent({
|
|
|
127
128
|
|
|
128
129
|
&--modal {
|
|
129
130
|
:deep(.q-banner__content) {
|
|
130
|
-
margin: 12px 24px;
|
|
131
|
+
margin: 12px 24px 12px 40px;
|
|
131
132
|
ul {
|
|
132
133
|
li {
|
|
134
|
+
text-indent: -14px !important;
|
|
133
135
|
&:before {
|
|
134
136
|
margin-right: 8px;
|
|
135
137
|
}
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
* label -> optionLabel;
|
|
62
62
|
* value -> optionValue;
|
|
63
63
|
* @return {{ label: string, value: string, disable: boolean, display: boolean }[]}
|
|
64
|
-
|
|
65
|
-
default: () =>
|
|
64
|
+
*/
|
|
65
|
+
default: () => [],
|
|
66
66
|
},
|
|
67
67
|
size: {
|
|
68
68
|
type: String,
|
|
@@ -115,6 +115,44 @@
|
|
|
115
115
|
height: $icon-size-sm;
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
|
+
// hover 추가
|
|
119
|
+
&.q-btn {
|
|
120
|
+
&:hover {
|
|
121
|
+
&.q-focusable:focus,
|
|
122
|
+
&.q-manual-focusable--focused,
|
|
123
|
+
&.q-hoverable:hover {
|
|
124
|
+
> .q-focus-helper {
|
|
125
|
+
opacity: 0.3;
|
|
126
|
+
transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
127
|
+
&:before {
|
|
128
|
+
opacity: 1.4;
|
|
129
|
+
transition: none;
|
|
130
|
+
}
|
|
131
|
+
&:after {
|
|
132
|
+
opacity: 0;
|
|
133
|
+
transition: none;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
&.q-btn--outline {
|
|
140
|
+
&:hover {
|
|
141
|
+
&.q-focusable:focus,
|
|
142
|
+
&.q-manual-focusable--focused,
|
|
143
|
+
&.q-hoverable:hover {
|
|
144
|
+
> .q-focus-helper {
|
|
145
|
+
&:before {
|
|
146
|
+
opacity: 0;
|
|
147
|
+
}
|
|
148
|
+
&:after {
|
|
149
|
+
opacity: 0.55;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
118
156
|
}
|
|
119
157
|
|
|
120
158
|
.use-color {
|