From b286a909b50b846c50283b9b35b181ce67f1d12c Mon Sep 17 00:00:00 2001 From: Janne Koschinski <janne@kuschku.de> Date: Sat, 17 Mar 2018 23:20:22 +0100 Subject: [PATCH] Improved upload dialog --- assets/sass/style.sass | 9 +++++++++ templates/upload.html | 4 ++-- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/assets/sass/style.sass b/assets/sass/style.sass index ebd79bc..30b599b 100644 --- a/assets/sass/style.sass +++ b/assets/sass/style.sass @@ -60,6 +60,14 @@ nav display: flex margin-bottom: 64px +form.upload + padding: 96px 128px + margin: 48px 24px + box-shadow: 0 2px 4px rgba(33,33,33,0.2) + text-decoration: none + background: #ffffff + border-radius: 2px + .images display: flex max-width: 1024px @@ -75,6 +83,7 @@ nav text-decoration: none width: 160px background: #ffffff + border-radius: 2px &:hover margin-top: 4px box-shadow: 0 4px 6px rgba(33, 33, 33, 0.3) diff --git a/templates/upload.html b/templates/upload.html index 1a77f8e..55e5ce0 100644 --- a/templates/upload.html +++ b/templates/upload.html @@ -15,8 +15,8 @@ </div> {{end}} {{end}} - <form action="/upload/" method="POST" enctype="multipart/form-data"> - <input type="file" name="file" accept="image/jpeg,image/png,image/bmp,*.jpeg,*.jpg,*.png,*.bmp" multiple/> + <form class="upload" action="/upload/" method="POST" enctype="multipart/form-data"> + <input type="file" name="file" accept=".jpg,.jpeg,.png,.gif,.apng,.tiff,.tif,.bmp,.webp,.mp4,.mov" multiple/><br> <input type="submit"/> </form> </div> -- GitLab