Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RESPONSIVE FIX for bugs or aspect problems

Browse Source
This commit is contained in:
Antoine M 2025-10-15 09:53:19 +02:00
parent 0272e701c6
commit b6942a8f61
4 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
resources/css/base/links.css
View File

@ -34,6 +34,7 @@ a[target='_blank'] {
@apply flex items-center; @apply flex items-center;
transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;
&:after { &:after {
flex-shrink: 0;
transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;
@apply content-[''] w-10 h-10 ml-2 inline-block; @apply content-[''] w-10 h-10 ml-2 inline-block;
background-image: url('../resources/img/carhop-fleche-lien-externe-full--outline-green.svg'); background-image: url('../resources/img/carhop-fleche-lien-externe-full--outline-green.svg');

4
resources/css/blocks/chapter-section.css
View File

@ -31,7 +31,7 @@
} }
&__content { &__content {
@apply max-w-3xl; @apply max-w-3xl relative;
p { p {
@apply text-neutral-600 max-w-xl mb-2; @apply text-neutral-600 max-w-xl mb-2;
} }
@ -54,7 +54,7 @@
} }
&__cover { &__cover {
@apply object-contain; @apply object-contain relative;
min-width: 0; min-width: 0;
flex-shrink: 1; flex-shrink: 1;
max-width: 100%; /* Empêche de dépasser son conteneur */ max-width: 100%; /* Empêche de dépasser son conteneur */

3
resources/css/blocks/dernieres-dynamiques.css
View File

@ -139,8 +139,9 @@
z-index: 0; z-index: 0;
/* opacity: 0.5; */ /* opacity: 0.5; */
top: 100px; top: 100px;
height: calc(100% - 150px);
@screen lg { @screen lg {
height: calc(100% - 150px);
transform: translateY(100px) translateX(-50%) perspective(800px) skewX(1deg) transform: translateY(100px) translateX(-50%) perspective(800px) skewX(1deg)
rotateZ(-2deg) rotateY(-4deg) scaleX(1.98); rotateZ(-2deg) rotateY(-4deg) scaleX(1.98);
} }

2
resources/css/blocks/revues-precedentes.css
View File

@ -11,7 +11,7 @@
@apply mb-16; @apply mb-16;
} }
.swiper-actions-wrapper { .swiper-actions-wrapper {
@apply md:flex justify-between items-center gap-4; @apply flex flex-col md:flex-row md:justify-between md:items-center gap-4 gap-y-8;
#discover-all-revues { #discover-all-revues {
@apply internal-link-with-icon; @apply internal-link-with-icon;