diff --git a/filed/static/paint.css b/filed/static/paint.css index 9db8b41..f0ed3d6 100644 --- a/filed/static/paint.css +++ b/filed/static/paint.css @@ -130,15 +130,26 @@ p { .file-drag-n-drop { + display: block; width: 400px; height: 400px; background: var(--header-sec-color); border-radius: 16px; padding: var(--header-padding-x); } -.file-drag-n-drop-inside { +.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; +} +.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; } \ No newline at end of file diff --git a/filed/static/tab-new-symbolic.svg b/filed/static/tab-new-symbolic.svg new file mode 100644 index 0000000..3e07c35 --- /dev/null +++ b/filed/static/tab-new-symbolic.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/filed/templates/index.html b/filed/templates/index.html index 434c32f..062f780 100644 --- a/filed/templates/index.html +++ b/filed/templates/index.html @@ -30,11 +30,14 @@

-
- -
-
+ + + +
+ Drag & drop your files here! +
+
+