← All changes
|
backend/views/components/Analytics/components/ui/avatar.jsx
+9
-9
1.4.2
→
1.4.21
View file →
| @@ -7,9 +7,9 @@ | ||
| 7 | 7 | <AvatarPrimitive.Root |
| 8 | 8 | data-slot="avatar" |
| 9 | 9 | data-size={size} |
| 10 | 10 | className={cn( |
| 11 | - 'disco-group/avatar disco-relative disco-flex disco-size-8 disco-shrink-0 disco-rounded-full disco-select-none after:disco-absolute after:disco-inset-0 after:disco-rounded-full after:disco-border after:disco-border-border after:disco-mix-blend-darken data-[size=lg]:disco-size-10 data-[size=sm]:disco-size-6 dark:after:disco-mix-blend-lighten', | |
| 11 | + 'disco:group/avatar disco:relative disco:flex disco:size-8 disco:shrink-0 disco:rounded-full disco:select-none disco:after:absolute disco:after:inset-0 disco:after:rounded-full disco:after:border disco:after:border-border disco:after:mix-blend-darken disco:data-[size=lg]:size-10 disco:data-[size=sm]:size-6 disco:dark:after:mix-blend-lighten', | |
| 12 | 12 | className |
| 13 | 13 | )} |
| 14 | 14 | {...props} |
| 15 | 15 | /> |
| @@ -20,9 +20,9 @@ | ||
| 20 | 20 | return ( |
| 21 | 21 | <AvatarPrimitive.Image |
| 22 | 22 | data-slot="avatar-image" |
| 23 | 23 | className={cn( |
| 24 | - 'disco-aspect-square disco-size-full disco-rounded-full disco-object-cover', | |
| 24 | + 'disco:aspect-square disco:size-full disco:rounded-full disco:object-cover', | |
| 25 | 25 | className |
| 26 | 26 | )} |
| 27 | 27 | {...props} |
| 28 | 28 | /> |
| @@ -33,9 +33,9 @@ | ||
| 33 | 33 | return ( |
| 34 | 34 | <AvatarPrimitive.Fallback |
| 35 | 35 | data-slot="avatar-fallback" |
| 36 | 36 | className={cn( |
| 37 | - 'disco-flex disco-size-full disco-items-center disco-justify-center disco-rounded-full disco-bg-muted disco-text-sm disco-text-muted-foreground group-data-[size=sm]/avatar:disco-text-xs', | |
| 37 | + 'disco:flex disco:size-full disco:items-center disco:justify-center disco:rounded-full disco:bg-muted disco:text-sm disco:text-muted-foreground disco:group-data-[size=sm]/avatar:text-xs', | |
| 38 | 38 | className |
| 39 | 39 | )} |
| 40 | 40 | {...props} |
| 41 | 41 | /> |
| @@ -46,12 +46,12 @@ | ||
| 46 | 46 | return ( |
| 47 | 47 | <span |
| 48 | 48 | data-slot="avatar-badge" |
| 49 | 49 | className={cn( |
| 50 | - 'disco-absolute disco-right-0 disco-bottom-0 disco-z-10 disco-inline-flex disco-items-center disco-justify-center disco-rounded-full disco-bg-primary disco-text-primary-foreground disco-bg-blend-color disco-ring-2 disco-ring-background disco-select-none', | |
| 51 | - 'group-data-[size=sm]/avatar:disco-size-2 group-data-[size=sm]/avatar:[&>svg]:disco-hidden', | |
| 52 | - 'group-data-[size=default]/avatar:disco-size-2.5 group-data-[size=default]/avatar:[&>svg]:disco-size-2', | |
| 53 | - 'group-data-[size=lg]/avatar:disco-size-3 group-data-[size=lg]/avatar:[&>svg]:disco-size-2', | |
| 50 | + 'disco:absolute disco:right-0 disco:bottom-0 disco:z-10 disco:inline-flex disco:items-center disco:justify-center disco:rounded-full disco:bg-primary disco:text-primary-foreground disco:bg-blend-color disco:ring-2 disco:ring-background disco:select-none', | |
| 51 | + 'disco:group-data-[size=sm]/avatar:size-2 disco:group-data-[size=sm]/avatar:[&>svg]:hidden', | |
| 52 | + 'disco:group-data-[size=default]/avatar:size-2.5 disco:group-data-[size=default]/avatar:[&>svg]:size-2', | |
| 53 | + 'disco:group-data-[size=lg]/avatar:size-3 disco:group-data-[size=lg]/avatar:[&>svg]:size-2', | |
| 54 | 54 | className |
| 55 | 55 | )} |
| 56 | 56 | {...props} |
| 57 | 57 | /> |
| @@ -62,9 +62,9 @@ | ||
| 62 | 62 | return ( |
| 63 | 63 | <div |
| 64 | 64 | data-slot="avatar-group" |
| 65 | 65 | className={cn( |
| 66 | - 'disco-group/avatar-group disco-flex disco--space-x-2 *:data-[slot=avatar]:disco-ring-2 *:data-[slot=avatar]:disco-ring-background', | |
| 66 | + 'disco:group/avatar-group disco:flex disco:-space-x-2 disco:*:data-[slot=avatar]:ring-2 disco:*:data-[slot=avatar]:ring-background', | |
| 67 | 67 | className |
| 68 | 68 | )} |
| 69 | 69 | {...props} |
| 70 | 70 | /> |
| @@ -75,9 +75,9 @@ | ||
| 75 | 75 | return ( |
| 76 | 76 | <div |
| 77 | 77 | data-slot="avatar-group-count" |
| 78 | 78 | className={cn( |
| 79 | - 'disco-relative disco-flex disco-size-8 disco-shrink-0 disco-items-center disco-justify-center disco-rounded-full disco-bg-muted disco-text-sm disco-text-muted-foreground disco-ring-2 disco-ring-background group-has-data-[size=lg]/avatar-group:disco-size-10 group-has-data-[size=sm]/avatar-group:disco-size-6 [&>svg]:disco-size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:disco-size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:disco-size-3', | |
| 79 | + 'disco:relative disco:flex disco:size-8 disco:shrink-0 disco:items-center disco:justify-center disco:rounded-full disco:bg-muted disco:text-sm disco:text-muted-foreground disco:ring-2 disco:ring-background disco:group-has-data-[size=lg]/avatar-group:size-10 disco:group-has-data-[size=sm]/avatar-group:size-6 disco:[&>svg]:size-4 disco:group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 disco:group-has-data-[size=sm]/avatar-group:[&>svg]:size-3', | |
| 80 | 80 | className |
| 81 | 81 | )} |
| 82 | 82 | {...props} |
| 83 | 83 | /> |