51 lines
757 B
CSS
51 lines
757 B
CSS
|
.p-avatar {
|
||
|
|
@apply inline-flex items-center justify-center
|
||
|
|
w-8 h-8 text-base rounded-md
|
||
|
|
bg-surface-200 dark:bg-surface-700
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-avatar-image {
|
||
|
|
@apply bg-transparent
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-avatar-circle,
|
||
|
|
.p-avatar-circle img {
|
||
|
|
@apply rounded-full
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-avatar-icon {
|
||
|
|
@apply text-base
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-avatar img {
|
||
|
|
@apply w-full h-full
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-avatar-lg {
|
||
|
|
@apply w-12 h-12 text-2xl
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-avatar-lg .p-avatar-icon {
|
||
|
|
@apply text-2xl
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-avatar-xl {
|
||
|
|
@apply w-16 h-16 text-[2rem]
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-avatar-xl .p-avatar-icon {
|
||
|
|
@apply text-[2rem]
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-avatar-group {
|
||
|
|
@apply flex items-center
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-avatar-group .p-avatar + .p-avatar {
|
||
|
|
@apply -ms-4
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-avatar-group .p-avatar {
|
||
|
|
@apply border-2 border-surface-200 dark:border-surface-700
|
||
|
|
}
|