diff --git a/filed/static/assets/paint.css b/filed/static/assets/paint.css index 1394dac..186f105 100644 --- a/filed/static/assets/paint.css +++ b/filed/static/assets/paint.css @@ -204,68 +204,6 @@ a[role=button] { width: 100%; } - -.file-drag-n-drop { - display: block; - cursor: pointer; - width: 440px; - height: 440px; - background: var(--header-sec-color); - border-radius: 16px; - padding: var(--header-padding-x); - transition: 250ms ease; - margin-bottom: 0; - border: 0px solid transparent; - color: var(--header-fg-color); -} -.file-drag-n-drop:hover { - background: #393939; -} -.file-drag-n-drop * { display: block } -.file-drag-n-drop object { display: initial } -.file-drag-n-drop .file-drag-n-drop-inside { - padding: var(--header-padding-x); - border: 4px dotted #656565; - height: calc(100% - 32px - 8px); - border-radius: 16px; - transition: 250ms ease; -} -.file-drag-n-drop .file-drag-n-drop-inside .file-drag-n-drop-inside-text { - margin: 0; - position: relative; - top: 50%; - transform: translateY(-50%); - text-align: center; - line-height: 32px; -} -.mobile-file-upload-btn { - display: block; - opacity: 0; - height: 0; - width: calc(100% - 24px); - clip-path: inset(0 0 0 0); - padding: 0; -} - -@media (max-width:667px) { - .file-drag-n-drop { - opacity: 0; - clip-path: inset(0 0 0 0); - height: 0; - padding: 0; - } - .mobile-file-upload-btn { - cursor: pointer; - height: fit-content; - opacity: 1; - padding: var(--header-padding-y); - text-align: center; - } - .bfile-formupload-file-delete-pick { - margin-bottom: 28px; - } -} - .footer { width: 80%; height: var(--footer-height); diff --git a/filed/static/assets/upload_form.css b/filed/static/assets/upload_form.css new file mode 100644 index 0000000..d4f97bb --- /dev/null +++ b/filed/static/assets/upload_form.css @@ -0,0 +1,60 @@ +.file-drag-n-drop { + display: block; + cursor: pointer; + width: 440px; + height: 440px; + background: var(--header-sec-color); + border-radius: 16px; + padding: var(--header-padding-x); + transition: 250ms ease; + margin-bottom: 0; + border: 0px solid transparent; + color: var(--header-fg-color); +} +.file-drag-n-drop:hover { + background: #393939; +} +.file-drag-n-drop * { display: block } +.file-drag-n-drop object { display: initial } +.file-drag-n-drop .file-drag-n-drop-inside { + padding: var(--header-padding-x); + border: 4px dotted #656565; + height: calc(100% - 32px - 8px); + border-radius: 16px; + transition: 250ms ease; +} +.file-drag-n-drop .file-drag-n-drop-inside .file-drag-n-drop-inside-text { + margin: 0; + position: relative; + top: 50%; + transform: translateY(-50%); + text-align: center; + line-height: 32px; +} +.mobile-file-upload-btn { + display: block; + opacity: 0; + height: 0; + width: calc(100% - 24px); + clip-path: inset(0 0 0 0); + padding: 0; +} + +@media (max-width:667px) { + .file-drag-n-drop { + opacity: 0; + clip-path: inset(0 0 0 0); + height: 0; + padding: 0; + } + .mobile-file-upload-btn { + cursor: pointer; + height: fit-content; + opacity: 1; + padding: var(--header-padding-y); + text-align: center; + } + .bfile-formupload-file-delete-pick { + margin-bottom: 28px; + } +} \ No newline at end of file diff --git a/filed/templates/index.html b/filed/templates/index.html index 325cd97..794e74f 100644 --- a/filed/templates/index.html +++ b/filed/templates/index.html @@ -5,6 +5,7 @@ {%- if ! conf.files.allow_uploads -%} {%- endif -%} + {% endblock %}