classcard-ui 0.2.373 → 0.2.376
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/classcard-ui.common.js +57 -52
- package/dist/classcard-ui.common.js.map +1 -1
- package/dist/classcard-ui.umd.js +57 -52
- package/dist/classcard-ui.umd.js.map +1 -1
- package/dist/classcard-ui.umd.min.js +1 -1
- package/dist/classcard-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/CAvatarGroup/CAvatarGroup.vue +13 -9
- package/src/icons.js +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div :class="description ? 'items-start' : 'items-center'" class="flex">
|
|
3
|
-
<div class="flex -space-x-1" v-if="images">
|
|
3
|
+
<div class="flex -space-x-1" v-if="images && images.length <= 3">
|
|
4
4
|
<img
|
|
5
5
|
v-for="(image, index) in images"
|
|
6
6
|
:key="index"
|
|
@@ -10,10 +10,17 @@
|
|
|
10
10
|
alt=""
|
|
11
11
|
/>
|
|
12
12
|
</div>
|
|
13
|
-
<div
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
<div class="flex -space-x-1" v-if="images && images.length > 3">
|
|
14
|
+
<img
|
|
15
|
+
v-for="(image, index) in images.slice(0, 4)"
|
|
16
|
+
:key="index"
|
|
17
|
+
:class="classes"
|
|
18
|
+
class="inline-block ring-2 ring-white"
|
|
19
|
+
:src="image.image"
|
|
20
|
+
alt=""
|
|
21
|
+
/>
|
|
22
|
+
</div>
|
|
23
|
+
<div class="flex -space-x-1" v-if="nameInitials && nameInitialsWithColors.length > 4">
|
|
17
24
|
<div
|
|
18
25
|
v-for="(name, index) in nameInitialsWithColors.slice(0, 4)"
|
|
19
26
|
:key="index"
|
|
@@ -36,10 +43,7 @@
|
|
|
36
43
|
{{ name.initials }}
|
|
37
44
|
</div>
|
|
38
45
|
</div>
|
|
39
|
-
<div
|
|
40
|
-
class="flex -space-x-1"
|
|
41
|
-
v-if="nameInitials && nameInitialsWithColors.length <= 4"
|
|
42
|
-
>
|
|
46
|
+
<div class="flex -space-x-1" v-if="nameInitials && nameInitialsWithColors.length <= 4">
|
|
43
47
|
<div
|
|
44
48
|
v-for="(name, index) in nameInitialsWithColors"
|
|
45
49
|
:key="index"
|
package/src/icons.js
CHANGED
|
@@ -224,6 +224,7 @@ export default {
|
|
|
224
224
|
"M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z",
|
|
225
225
|
'cloud-upload-solid':'M5.5 13a3.5 3.5 0 01-.369-6.98 4 4 0 117.753-1.977A4.5 4.5 0 1113.5 13H11V9.413l1.293 1.293a1 1 0 001.414-1.414l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13H5.5z M9 13h2v5a1 1 0 11-2 0v-5z',
|
|
226
226
|
"emoji-sad": "M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",
|
|
227
|
+
"users-solid": "M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z",
|
|
227
228
|
support: "M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z",
|
|
228
229
|
gift: "M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7",
|
|
229
230
|
logout: "M3 3a1 1 0 00-1 1v12a1 1 0 102 0V4a1 1 0 00-1-1zm10.293 9.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L14.586 9H7a1 1 0 100 2h7.586l-1.293 1.293z",
|