From 42a4fc1d8a5a4ddaf8f09fbff7e877e9f54ecfc7 Mon Sep 17 00:00:00 2001 From: tracer Date: Tue, 15 Nov 2022 17:02:20 +0100 Subject: [PATCH] dropzone styling --- assets/styles/app.scss | 38 +++++++++++++++++++++++++++----------- 1 file changed, 27 insertions(+), 11 deletions(-) diff --git a/assets/styles/app.scss b/assets/styles/app.scss index fbf9f2f..1319010 100644 --- a/assets/styles/app.scss +++ b/assets/styles/app.scss @@ -27,9 +27,9 @@ $list-group-hover-bg: darken($list-group, 10%); $list-group-active-bg: $list-group; $list-group-action-active-bg: $list-group; -@import 'bootstrap/scss/bootstrap'; +@import '~bootstrap'; @import 'dropzone/dist/dropzone'; - +@import 'cropperjs'; @import './components/sidebar'; @@ -40,19 +40,35 @@ html, body { background: #0e0e10; } -// Dropzone -.dropzone .dz-preview.dz-image-preview { +// Dropzone +.dropzone .dz-preview { + background: transparent !important; + margin: 0 !important; +} + +.dropzone-container { + width: 160px; + height: 160px; +} + +.dropzone-preview-filename { + word-wrap: anywhere; + display: none; +} + +.dropzone-preview-image { + flex-basis: 0; + min-width: 150px; + max-width: 150px; + min-height: 150px; + max-height: 150px; +} + +.dz-image { background: transparent !important; } -.article-author-img { - width: 80px; - margin: 15px; -} - -/// - #main_content { overflow-y: auto;