@appscode/design-system 2.5.0 → 2.5.1
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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// card select
|
|
2
2
|
.card-select {
|
|
3
|
-
height:
|
|
4
|
-
padding:
|
|
3
|
+
min-height: 98px;
|
|
4
|
+
padding: 16px;
|
|
5
5
|
background-color: $white-100;
|
|
6
6
|
border: 1px solid $color-border;
|
|
7
7
|
box-sizing: border-box;
|
|
@@ -9,7 +9,9 @@
|
|
|
9
9
|
transition: 0.3s ease-in-out;
|
|
10
10
|
position: relative;
|
|
11
11
|
z-index: 1;
|
|
12
|
-
|
|
12
|
+
min-width: 200px;
|
|
13
|
+
max-width: 250px;
|
|
14
|
+
margin-bottom: 0 !important;
|
|
13
15
|
|
|
14
16
|
&.is-active-require-field {
|
|
15
17
|
&:after {
|
|
@@ -199,10 +201,6 @@
|
|
|
199
201
|
.ac-single-checkbox {
|
|
200
202
|
margin-bottom: 10px;
|
|
201
203
|
|
|
202
|
-
&:last-child {
|
|
203
|
-
margin-bottom: 0;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
204
|
label {
|
|
207
205
|
font-family: $font-heading;
|
|
208
206
|
font-style: normal;
|
|
@@ -30,9 +30,10 @@ const handleClick = (optionValue: unknown) => {
|
|
|
30
30
|
const model = defineModel();
|
|
31
31
|
|
|
32
32
|
const bodyClass = computed(() => {
|
|
33
|
-
if (props.hasDescription) return "
|
|
33
|
+
if (props.hasDescription && props.isRow) return "is-flex is-flex-wrap-wrap gap-16";
|
|
34
|
+
else if (props.hasDescription) return "is-flex is-flex-direction-column gap-16";
|
|
34
35
|
else if (!props.isRow) return "is-flex is-flex-wrap-wrap is-flex-direction-column";
|
|
35
|
-
else return "gap-24";
|
|
36
|
+
else return "is-flex is-flex-wrap-wrap gap-24";
|
|
36
37
|
});
|
|
37
38
|
</script>
|
|
38
39
|
|