mirror of
https://github.com/hexastack/hexabot
synced 2025-01-22 10:35:37 +00:00
fix: title to align with nav buttons, image cropped issue, padding left and right bot msg carrousel
This commit is contained in:
parent
3d6a73f2f6
commit
a6ab2be5e0
@ -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 {
|
||||
|
@ -50,6 +50,7 @@
|
||||
.sc-message--carousel-element {
|
||||
.sc-message--buttons-content {
|
||||
padding: 0.5rem;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.sc-message--buttons {
|
||||
margin: 0;
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user