diff --git a/resources/css/components/author-card.css b/resources/css/components/author-card.css index c232778..69b5103 100644 --- a/resources/css/components/author-card.css +++ b/resources/css/components/author-card.css @@ -11,17 +11,42 @@ &__profile-picture { @apply w-32 h-32 object-cover p-2 border border-primary; + img { @apply w-full h-full object-cover; filter: grayscale(100%); } + &-placeholder { + @apply bg-carhop-green-100 flex items-center justify-center; + &:before { + content: ''; + @apply block w-12 h-12 filter-primary; + background-image: url('../resources/img/icons/icon-losange.svg'); + background-size: contain; + background-repeat: no-repeat !important; + background-position: center; + } + + &--1n:before { + background-image: url('../resources/img/icons/icon-losange.svg'); + } + &--2n:before { + background-image: url('../resources/img/icons/icon-rectangle-rotated.svg'); + } + &--3n:before { + background-image: url('../resources/img/icons/icon-circle.svg'); + } + &--4n:before { + background-image: url('../resources/img/icons/icon-rectangle-vertical.svg'); + } + } &-placeholder { @apply w-full h-full bg-carhop-green-100 relative; - &:after { + /* &:after { @apply content-[''] block w-6 h-6 bg-carhop-green-700 rounded-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2; - } + } */ } }