From dec8d75083d785f13a7249eafc414d243d49a72e Mon Sep 17 00:00:00 2001 From: James Finch Date: Fri, 28 Jan 2022 22:34:34 +0000 Subject: [PATCH] Optimised modals for mobile. --- css/modal.css | 37 ------------------------------------- html/admin.html | 48 ++++++++++++++++++++++++------------------------ html/form.html | 22 +++++++++++----------- site/index.html | 4 ++-- 4 files changed, 37 insertions(+), 74 deletions(-) diff --git a/css/modal.css b/css/modal.css index 3f27a99..4ff4931 100644 --- a/css/modal.css +++ b/css/modal.css @@ -23,43 +23,6 @@ animation: modal-hide 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } -@keyframes modal-content-show { - from { - opacity: 0; - top: -6rem; - } - to { - opacity: 1; - top: 0; - } -} - -.modal-content { - position: relative; - margin: 10% auto; - width: 30%; -} - -.modal-content.wide { - width: 60%; -} - -.modal-shown .modal-content { - animation: modal-content-show 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -@media screen and (max-width: 1000px) { - .modal-content.wide { - width: 75%; - } -} - -@media screen and (max-width: 400px) { - .modal-content, .modal-content.wide { - width: 90%; - } -} - .modal-close { float: right; color: #aaa; diff --git a/html/admin.html b/html/admin.html index 97567dd..67b1414 100644 --- a/html/admin.html +++ b/html/admin.html @@ -23,7 +23,7 @@