feat(components): add carousel components

it's inmidiatly used in the image gallery
This commit is contained in:
Alexander Navarro 2023-12-17 20:58:58 -03:00
parent 4f903c3c8d
commit 8f15b45e9b
6 changed files with 162 additions and 83 deletions

View file

@ -0,0 +1,49 @@
.carousel {
height: 100%;
max-width: 90%;
margin: auto;
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.container {
height: 100%;
overflow: hidden;
}
.content {
height: 100%;
display: flex;
flex-wrap: nowrap;
transition: transform 0.6s ease;
}
.item {
height: 100%;
width: 100%;
flex: 0 0 100%;
}
.itemContent {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.btnPrev,
.btnNext {
top: 50%;
z-index: 10;
}
.btnPrev {
left: 0;
}
.btnNext {
right: 0;
}