@redseed/redseed-ui-vue3 2.10.4 → 2.10.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/package.json
CHANGED
|
@@ -29,9 +29,10 @@ function clicked() {
|
|
|
29
29
|
}
|
|
30
30
|
</script>
|
|
31
31
|
<template>
|
|
32
|
-
<div :class="cardClass"
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
<div :class="cardClass">
|
|
33
|
+
<div class="rsui-card__action-layer"
|
|
34
|
+
v-on="clickable ? { click: clicked } : {}"
|
|
35
|
+
></div>
|
|
35
36
|
<div v-if="$slots.image"
|
|
36
37
|
class="rsui-card__image"
|
|
37
38
|
>
|
|
@@ -78,7 +79,7 @@ function clicked() {
|
|
|
78
79
|
</template>
|
|
79
80
|
<style lang="scss" scoped>
|
|
80
81
|
.rsui-card {
|
|
81
|
-
@apply flex flex-col;
|
|
82
|
+
@apply relative flex flex-col;
|
|
82
83
|
@apply select-none transition duration-200;
|
|
83
84
|
@apply rounded-lg bg-white shadow-full-light;
|
|
84
85
|
&--hoverable {
|
|
@@ -87,11 +88,14 @@ function clicked() {
|
|
|
87
88
|
&--clickable {
|
|
88
89
|
@apply cursor-pointer;
|
|
89
90
|
}
|
|
91
|
+
&__action-layer {
|
|
92
|
+
@apply absolute inset-0 bg-transparent transition;
|
|
93
|
+
}
|
|
90
94
|
&__image {
|
|
91
95
|
@apply rounded-t-lg overflow-hidden;
|
|
92
96
|
}
|
|
93
97
|
&__content {
|
|
94
|
-
@apply min-h-14 p-3 flex-1;
|
|
98
|
+
@apply min-h-14 p-3 flex-1 relative pointer-events-none;
|
|
95
99
|
&-top {
|
|
96
100
|
@apply flex justify-between space-x-2 pb-2;
|
|
97
101
|
&--action {
|
|
@@ -101,14 +105,17 @@ function clicked() {
|
|
|
101
105
|
}
|
|
102
106
|
&__title {
|
|
103
107
|
@apply max-h-12 text-lg font-semibold leading-6 line-clamp-2;
|
|
108
|
+
&-action {
|
|
109
|
+
@apply pointer-events-auto;
|
|
110
|
+
}
|
|
104
111
|
}
|
|
105
112
|
&__meta {
|
|
106
113
|
@apply grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-2 mt-4;
|
|
107
114
|
}
|
|
108
115
|
&__actions {
|
|
109
|
-
@apply p-3;
|
|
116
|
+
@apply relative p-3 pointer-events-none;
|
|
110
117
|
& > * {
|
|
111
|
-
@apply mr-2 mb-2;
|
|
118
|
+
@apply mr-2 mb-2 pointer-events-auto;
|
|
112
119
|
}
|
|
113
120
|
}
|
|
114
121
|
}
|
|
@@ -4,19 +4,19 @@ defineOptions({
|
|
|
4
4
|
})
|
|
5
5
|
</script>
|
|
6
6
|
<template>
|
|
7
|
-
<div class="rsui-fieldset">
|
|
7
|
+
<div class="rsui-form-fieldset">
|
|
8
8
|
<fieldset v-bind="$attrs">
|
|
9
9
|
<legend>
|
|
10
10
|
<slot name="legend"></slot>
|
|
11
11
|
</legend>
|
|
12
|
-
<div class="rsui-fieldset__fields">
|
|
12
|
+
<div class="rsui-form-fieldset__fields">
|
|
13
13
|
<slot></slot>
|
|
14
14
|
</div>
|
|
15
15
|
</fieldset>
|
|
16
16
|
</div>
|
|
17
17
|
</template>
|
|
18
18
|
<style lang="scss" scoped>
|
|
19
|
-
.rsui-fieldset {
|
|
19
|
+
.rsui-form-fieldset {
|
|
20
20
|
fieldset {
|
|
21
21
|
}
|
|
22
22
|
legend {
|
|
@@ -25,6 +25,12 @@ defineOptions({
|
|
|
25
25
|
&__fields {
|
|
26
26
|
@apply mt-3 px-2;
|
|
27
27
|
@apply flex flex-col gap-3;
|
|
28
|
+
|
|
29
|
+
:deep(.rsui-form-field-slot) {
|
|
30
|
+
label {
|
|
31
|
+
@apply text-sm font-normal;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
28
34
|
}
|
|
29
35
|
}
|
|
30
36
|
</style>
|