tbianchini/shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(store-header): refine immersive mobile layout

Browse Source
This commit is contained in:
ncoronel
2026-09-22 15:17:11 -03:00
parent 0fffdc5c5a
commit 85f1b820b4
2 changed files with 142 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/shared/components/continuous-image-carousel/continuous-image-carousel.component.scss
View File

@@ -14,20 +14,21 @@
.continuous-carousel__track {
display: flex;
width: max-content;
margin-left: var(--carousel-offset, 0px);
animation: continuous-carousel-scroll var(--duration) linear infinite;
}
.continuous-carousel__set {
display: flex;
flex: none;
gap: var(--gap);
padding-right: var(--gap);
gap: var(--carousel-gap, var(--gap));
padding-right: var(--carousel-gap, var(--gap));
}
.continuous-carousel__image {
display: block;
flex: none;
width: var(--card-width);
width: var(--carousel-card-width, var(--card-width));
aspect-ratio: 1.45;
object-fit: cover;
border-radius: 2px;
@@ -64,6 +65,7 @@
}
.continuous-carousel__track {
animation: none;
margin-left: 0;
}
.continuous-carousel__set[aria-hidden='true'] {
display: none;