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

50 lines
750 B
CSS
Raw Permalink Normal View History

2022-03-06 19:46:59 -05:00
.buttons {
2022-03-26 03:24:18 -04:00
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;
2022-03-06 19:46:59 -05:00
}
.datePicker {
flex: 1;
}
2022-03-06 19:46:59 -05:00
.title {
2022-03-26 03:24:18 -04:00
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: var(--gap);
2022-03-06 19:46:59 -05:00
}
2022-03-09 04:50:55 -05:00
@media screen and (max-width: 650px) {
2022-03-26 03:24:18 -04:00
.title {
align-items: flex-start;
flex-direction: column;
}
2022-03-26 03:24:18 -04:00
.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);
}
2022-03-06 19:46:59 -05:00
}