diff --git a/app/javascript/src/styles/specific/dropzone.scss b/app/javascript/src/styles/specific/dropzone.scss index 08dfed659..da3de8ec1 100644 --- a/app/javascript/src/styles/specific/dropzone.scss +++ b/app/javascript/src/styles/specific/dropzone.scss @@ -3,13 +3,14 @@ padding: 0; min-height: 100px; display: flex; + flex-direction: column; align-items: center; justify-content: center; border-radius: 4px; cursor: pointer; position: relative; - &.dz-started .placeholder { + &.dz-started .dropzone-hint { display: none; } diff --git a/app/views/uploads/new.html.erb b/app/views/uploads/new.html.erb index 5b9e63f8b..f1ca20c00 100644 --- a/app/views/uploads/new.html.erb +++ b/app/views/uploads/new.html.erb @@ -36,7 +36,8 @@
-
Click or drag and drop to upload a file
+
Click or drag and drop to upload a file
+
Max size: <%= number_to_human_size(Danbooru.config.max_file_size) %>. Supported filetypes: jpg, png, gif, swf, mp4, webm.
@@ -147,7 +148,7 @@ init: function() { $(".fallback").hide(); this.on("drop", function(event) { - $("#filedropzone .placeholder").hide(); + $("#filedropzone .dropzone-hint").hide(); }); this.on("complete", function(file) { $("#filedropzone .dz-progress").hide();