Styled the admin section of categories.
This commit is contained in:
parent
740cf8979a
commit
f45bdcd83c
8 changed files with 78 additions and 56 deletions
|
|
@ -10,21 +10,7 @@ $container-max-widths: (
|
|||
|
||||
@import "bootstrap/scss/bootstrap.scss";
|
||||
|
||||
// Local classes
|
||||
|
||||
.post-form {
|
||||
display: grid;
|
||||
grid-template-rows: min-content auto min-content;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.post-form textarea {
|
||||
height: 100%;
|
||||
}
|
||||
// Post list
|
||||
|
||||
.postlist .post img {
|
||||
max-width: 300px;
|
||||
|
|
@ -32,6 +18,49 @@ $container-max-widths: (
|
|||
max-height: 300px;
|
||||
}
|
||||
|
||||
.postlist .post-date {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
// Post form
|
||||
|
||||
// Post edit page styling
|
||||
.post-edit-page {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.post-edit-page main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.post-edit-page .post-form {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.post-edit-page .post-form .row {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.post-edit-page .post-form .col-md-9 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.post-edit-page .post-form textarea {
|
||||
flex: 1;
|
||||
resize: vertical;
|
||||
min-height: 300px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.show-upload figure img {
|
||||
max-width: 100vw;
|
||||
height: auto;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue