@mptw/skylens-ui 1.5.2 → 1.5.4
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/app/assets/css/main.css
CHANGED
|
@@ -159,6 +159,14 @@
|
|
|
159
159
|
|
|
160
160
|
--transition-input-focus: "margin, padding, color, font-size, line-height, background-color";
|
|
161
161
|
--transition-app-header: "margin, width";
|
|
162
|
+
--transition-width: "width";
|
|
163
|
+
--transition-height: "height";
|
|
164
|
+
--transition-margin: "margin";
|
|
165
|
+
--transition-font-size: "font-size";
|
|
166
|
+
--transition-padding: "padding";
|
|
167
|
+
--transition-sidebar-nav-item: "border-radius, width";
|
|
168
|
+
--transition-sidebar-nav-item-icon: "width, height, font-size";
|
|
169
|
+
--transition-border-radius: "border-radius";
|
|
162
170
|
|
|
163
171
|
--text-shadow-default: "0px 4px 4px rgba(0, 0, 0, 0.25)";
|
|
164
172
|
--text-shadow-md: "0px 2px 8px rgba(88, 82, 103, 0.25)";
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
v-else
|
|
63
63
|
:colspan="columnSpans[index]"
|
|
64
64
|
:key="`${itemIndex}-${field.key}`"
|
|
65
|
-
:class='[tdBorderColor
|
|
65
|
+
:class='[`${tdBorderColor}/50`, field._colClass, { sortable: field.sortable }]'
|
|
66
66
|
) {{ item[field.key] }}
|
|
67
67
|
template(v-for="(item, itemIndex) in items" :key="itemIndex")
|
|
68
68
|
tr(
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
v-else
|
|
84
84
|
:colspan="columnSpans[index]"
|
|
85
85
|
:key="`${itemIndex}-${field.key}`"
|
|
86
|
-
:class='[tdBorderColor
|
|
86
|
+
:class='[`${tdBorderColor}/50`, field._colClass, { sortable: field.sortable }]'
|
|
87
87
|
) {{ item[field.key] }}
|
|
88
88
|
tr(v-if="items.length === 0")
|
|
89
89
|
td(:colspan="fields.length")
|
|
@@ -414,7 +414,9 @@ export default defineComponent({
|
|
|
414
414
|
|
|
415
415
|
.table table thead tr th .sort-icon {
|
|
416
416
|
@apply opacity-0;
|
|
417
|
-
transition:
|
|
417
|
+
transition:
|
|
418
|
+
transform 0.2s ease,
|
|
419
|
+
opacity 0.1s ease;
|
|
418
420
|
}
|
|
419
421
|
|
|
420
422
|
.table table thead tr th:hover .sort-icon,
|
|
@@ -435,7 +437,7 @@ export default defineComponent({
|
|
|
435
437
|
}
|
|
436
438
|
|
|
437
439
|
.table table tbody tr td {
|
|
438
|
-
@apply p-2 border-b
|
|
440
|
+
@apply p-2 border-b text-base text-pgray-2;
|
|
439
441
|
}
|
|
440
442
|
|
|
441
443
|
.table table tbody tr td.text-right.sortable {
|