CoastalCommitsPastes/client/components/new-post/post.module.css

49 lines
750 B
CSS

.buttons {
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
margin-top: var(--gap-double);
gap: var(--gap);
}
.buttons .rightButtons {
display: flex;
gap: var(--gap);
align-items: center;
}
.datePicker {
flex: 1;
}
.title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: var(--gap);
}
@media screen and (max-width: 650px) {
.title {
align-items: flex-start;
flex-direction: column;
}
.buttons {
flex-direction: column;
margin: 0;
justify-content: space-between;
min-height: 95px;
}
.buttons .rightButtons {
flex-direction: column;
align-items: flex-end;
}
.buttons .rightButtons > * {
width: min(100%, 350px);
}
}