CoastalCommitsPastes/client/app/(posts)/post/[id]/components/post-page/post-page.module.css

53 lines
765 B
CSS
Raw Normal View History

.header .title {
2022-03-24 22:32:24 -04:00
display: flex;
flex-direction: row;
2022-03-24 22:32:24 -04:00
justify-content: space-between;
align-items: center;
2022-03-20 23:45:37 -04:00
}
.header .title .badges {
2022-03-24 22:32:24 -04:00
display: flex;
gap: var(--gap-half);
}
.header .title h3 {
margin: 0;
padding: 0;
display: inline-block;
2022-03-24 22:32:24 -04:00
}
2022-03-25 16:01:46 -04:00
.header .buttons {
display: flex;
justify-content: flex-end;
margin-bottom: var(--gap);
2022-03-25 16:01:46 -04:00
}
.controls {
display: flex;
justify-content: flex-end;
}
2022-03-25 16:01:46 -04:00
@media screen and (max-width: 900px) {
2022-03-24 22:32:24 -04:00
.header {
flex-direction: column;
gap: var(--gap);
2022-03-24 22:32:24 -04:00
}
2022-03-25 16:01:46 -04:00
}
2022-03-24 22:32:24 -04:00
2022-03-25 16:01:46 -04:00
@media screen and (max-width: 700px) {
.header .title {
2022-03-24 22:32:24 -04:00
flex-direction: column;
gap: var(--gap-half);
}
.header .title .badges {
flex-direction: column;
align-items: center;
2022-03-24 22:32:24 -04:00
}
2022-03-20 23:45:37 -04:00
.header .buttons {
2022-03-24 22:32:24 -04:00
display: flex;
justify-content: center;
2022-03-24 22:32:24 -04:00
}
2022-03-20 23:45:37 -04:00
}