Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX ajout de styles pour le placeholder de l'image de profil dans la carte de l'auteur

Browse Source
This commit is contained in:
Nonimart 2025-06-30 17:53:22 +02:00
parent c30e4c1f42
commit 3a32e7d1f5
1 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
resources/css/components/author-card.css
View File

@ -11,17 +11,42 @@
&__profile-picture { &__profile-picture {
@apply w-32 h-32 object-cover p-2 border border-primary; @apply w-32 h-32 object-cover p-2 border border-primary;
img { img {
@apply w-full h-full object-cover; @apply w-full h-full object-cover;
filter: grayscale(100%); 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 { &-placeholder {
@apply w-full h-full bg-carhop-green-100 relative; @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; @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;
} } */
} }
} }