weiro/assets/css/main.scss

// Bootstrap customizations

$container-max-widths: (
    sm: 540px,
    md: 720px,
    lg: 960px,
    xl: 960px,
    xxl: 960px
);

@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%;
}

.postlist .post img {
    max-width: 300px;
    height: auto;
    max-height: 300px;
}

.show-upload figure img {
    max-width: 100vw;
    height: auto;
    max-height: 70vh;
}

.upload-progressbar {
    width: 150px;
}