diff --git a/assets/sass/style.sass b/assets/sass/style.sass index ebd79bcb51e5e4b9b27f31c757e61c25be12a650..30b599b7b60c4aa4bc22044691ab03672ec36f46 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 1a77f8ea470a13234d48fc5d12b68881747f1e21..55e5ce00064cb3d8fd1b89a8292fa32c86f5d377 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>