81 lines
1.1 KiB
SCSS
81 lines
1.1 KiB
SCSS
// Bootstrap customizations
|
|
|
|
$container-max-widths: (
|
|
sm: 540px,
|
|
md: 720px,
|
|
lg: 960px,
|
|
xl: 960px,
|
|
xxl: 960px
|
|
);
|
|
|
|
@import "bootstrap/scss/bootstrap.scss";
|
|
|
|
// Navbar
|
|
|
|
.navbar-site-visit {
|
|
display: inline-block;
|
|
line-height: 2em;
|
|
margin-bottom: 4px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
// Post list
|
|
|
|
.postlist .post img {
|
|
max-width: 300px;
|
|
height: auto;
|
|
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;
|
|
max-height: 70vh;
|
|
}
|
|
|
|
.upload-progressbar {
|
|
width: 150px;
|
|
} |