From 4f65ec5229bb32e7f45d1fa57ce2f3fb4f77c029 Mon Sep 17 00:00:00 2001
From: blek <me@blek.codes>
Date: Fri, 3 Nov 2023 14:50:02 +1000
Subject: [PATCH] fix drag and drop size

---
 filed/static/assets/dragndrop-form.js | 5 +++++
 filed/static/assets/upload_form.css   | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/filed/static/assets/dragndrop-form.js b/filed/static/assets/dragndrop-form.js
index 8684bbc..c0cbb7c 100644
--- a/filed/static/assets/dragndrop-form.js
+++ b/filed/static/assets/dragndrop-form.js
@@ -6,6 +6,11 @@
 
         /** @type {HTMLElement} */
         const root_drag_rop = document.getElementsByClassName('file-drag-n-drop')[0];
+
+        // make the root drag&drop element an ideal circle
+        root_drag_rop.style.width   = root_drag_rop.offsetWidth + 'px';
+        root_drag_rop.style.height  = root_drag_rop.offsetWidth + 'px';
+
         /** @type {HTMLElement} */
         const drag_rop = document.getElementsByClassName('file-drag-n-drop-inside')[0];
         const dr_rop_t = document.getElementsByClassName('file-drag-n-drop-inside-text')[0];
diff --git a/filed/static/assets/upload_form.css b/filed/static/assets/upload_form.css
index d4f97bb..fbcc216 100644
--- a/filed/static/assets/upload_form.css
+++ b/filed/static/assets/upload_form.css
@@ -1,7 +1,7 @@
 .file-drag-n-drop {
     display: block;
     cursor: pointer;
-    width: 440px;
+    width: 100%;
     height: 440px;
     background: var(--header-sec-color);
     border-radius: 16px;