fix: title to align with nav buttons, image cropped issue, padding left and right bot msg carrousel

This commit is contained in:
abdou6666 2024-12-05 16:52:36 +01:00
parent 3d6a73f2f6
commit a6ab2be5e0
3 changed files with 8 additions and 6 deletions

View File

@ -1,6 +1,6 @@
.sc-message {
margin: auto;
padding: 0 0.5rem;
padding: 0 0.5rem 0 0;
display: flex;
margin-bottom: 0.25rem;
@ -55,6 +55,7 @@
.sc-message--wrapper {
display: flex;
flex-direction: column;
max-width: 290px;
width: 100%;
.sc-message--text {

View File

@ -50,6 +50,7 @@
.sc-message--carousel-element {
.sc-message--buttons-content {
padding: 0.5rem;
margin-bottom: 16px;
}
.sc-message--buttons {
margin: 0;

View File

@ -17,13 +17,9 @@
justify-content: center;
.sc-message--carousel-element {
padding: 1rem 2rem;
width: 100%;
min-width: 307px;
min-height: 172px;
min-width: 290px;
.sc-message--carousel-element-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
@ -39,6 +35,8 @@
}
.sc-message--carousel-element-description {
width: 100%;
padding: 0 2rem;
box-sizing: border-box;
}
}
}
@ -57,11 +55,13 @@
&.prev {
left: 0px;
top: 175px;
width: 1.5rem;
height: 2rem;
}
&.next {
top: 175px;
right: 0px;
width: 1.5rem;
height: 2rem;