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

Compare commits

base: Antoine:c30e4c1f42d86b72b4a277c429b36479d7bb9bb9
Branches Tags
Antoine:main
...
compare: Antoine:882c2273867c11598e402d6f8cadb3d165299cfb
Branches Tags
Antoine:main

2 Commits
c30e4c1f42 ... 882c227386

Author SHA1 Message Date
Nonimart
882c227386 UPDATE Pictures
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-06-30 17:53:31 +02:00
Nonimart
3a32e7d1f5 FIX ajout de styles pour le placeholder de l'image de profil dans la carte de l'auteur 2025-06-30 17:53:22 +02:00
5 changed files with 31 additions and 2 deletions
Show Stats Expand all files Collapse all files

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

@ -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;
}
} */
}
}

1
resources/img/icons/icon-circle.svg Normal file
View File

@ -0,0 +1 @@
<svg width="24.177" xmlns="http://www.w3.org/2000/svg" height="24.177" id="screenshot-a2556a6c-3214-8099-8006-165931dde048" viewBox="-0.088 -0.088 24.177 24.177" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-a2556a6c-3214-8099-8006-165931dde048"><g class="fills" id="fills-a2556a6c-3214-8099-8006-165931dde048"><ellipse cx="11.999999999999773" cy="11.999999999999261" rx="11.999999999999773" ry="11.999999999999261" transform="matrix(0.999973, 0.007385, -0.007385, 0.999973, 0.088943, -0.088289)" style="fill: rgb(255, 166, 48); fill-opacity: 1;"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 598 B

1
resources/img/icons/icon-losange.svg Normal file
View File

@ -0,0 +1 @@
<svg width="30.998" xmlns="http://www.w3.org/2000/svg" height="30.996" id="screenshot-a2556a6c-3214-8099-8006-165931dde038" viewBox="-4.54 -4.539 30.998 30.996" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-a2556a6c-3214-8099-8006-165931dde038"><g class="fills" id="fills-a2556a6c-3214-8099-8006-165931dde038"><rect width="21.9185463932713" height="21.918546393260385" class="cls-1" x="0" transform="matrix(0.701889, 0.712286, -0.712333, 0.701842, 11.073723, -4.538540)" style="fill: rgb(10, 211, 255); fill-opacity: 1;" ry="0" rx="0" y="0"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 592 B

1
resources/img/icons/icon-rectangle-rotated.svg Normal file
View File

@ -0,0 +1 @@
<svg width="33.243" xmlns="http://www.w3.org/2000/svg" height="33.243" id="screenshot-a2556a6c-3214-8099-8006-165931dde031" viewBox="-0.121 -0.121 33.243 33.243" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-a2556a6c-3214-8099-8006-165931dde031" rx="0" ry="0" style="fill: rgb(0, 0, 0);"><g id="shape-a2556a6c-3214-8099-8006-165931dde032" style="display: none;"><g class="fills" id="fills-a2556a6c-3214-8099-8006-165931dde032"><rect width="32.99999999999818" height="32.997226940004225" x="-0.000010239060429739766" transform="matrix(0.999973, 0.007385, -0.007385, 0.999973, 0.122307, -0.121397)" style="fill: rgb(214, 195, 255); fill-opacity: 1;" ry="0" fill="none" rx="0" y="0.0027730221845558845"/></g></g><g id="shape-a2556a6c-3214-8099-8006-165931dde033"/><g id="shape-a2556a6c-3214-8099-8006-165931dde034"><g class="fills" id="fills-a2556a6c-3214-8099-8006-165931dde034"><rect width="28.870975068950884" height="17.792708437504757" class="cls-1" x="2.0645861314221747" transform="matrix(0.712339, -0.701836, 0.701896, 0.712280, -6.833029, 16.326982)" style="fill: rgb(214, 195, 255); fill-opacity: 1;" ry="0" rx="0" y="7.601056546915743"/></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

1
resources/img/icons/icon-rectangle-vertical.svg Normal file
View File

@ -0,0 +1 @@
<svg width="20.236" xmlns="http://www.w3.org/2000/svg" height="32.147" id="screenshot-a2556a6c-3214-8099-8006-165931dde043" viewBox="-0.118 -0.073 20.236 32.147" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-a2556a6c-3214-8099-8006-165931dde043"><g class="fills" id="fills-a2556a6c-3214-8099-8006-165931dde043"><rect width="19.99999999999875" height="31.99999999999534" class="cls-1" x="0" transform="matrix(0.999973, 0.007385, -0.007385, 0.999973, 0.118427, -0.073410)" style="fill: rgb(174, 33, 84); fill-opacity: 1;" ry="0" rx="0" y="0"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 591 B