AutorÃa | Ultima modificación | Ver Log |
@import "../../css/shared/variables.scss";
@import "../../css/shared/breakpoints.scss";
.postContainer {
display: flex;
background-color: #ffffff;
padding: 2rem;
margin-bottom: 1rem;
flex-direction: column;
}
.commentSection {
max-height: 400px;
overflow-y: auto;
background: $background-gray;
margin-top: 1rem;
padding: 1rem;
}
.feedCommentContainer {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 1rem;
gap: 10px;
img {
border-radius: 100px;
width: 43px;
height: 43px;
object-fit: cover;
}
.commentInput {
margin: 0;
flex: 1;
padding: 0.5rem 0;
border: none;
font-size: 1rem;
}
.submitButton {
height: 2.5rem;
margin: 0;
width: auto;
margin-top: 0.5rem;
background-color: $primary-lightblue;
border: none;
padding: 0.5rem 1rem;
color: white !important;
border-radius: var(--global-border-radius);
border: 1px solid $primary-lightblue;
font-size: 1rem;
transition: 0.2s;
&:hover {
background-color: $primary-lightblue-hover;
}
}
}