From 393b4530e378639a0470c0fe0e1738327c95f03f Mon Sep 17 00:00:00 2001 From: Erik Lindsay Date: Mon, 24 Apr 2017 11:09:10 -0400 Subject: [PATCH] form img input lookes better --- Wello/www/css/main.css | 26 +++++++++++++++++++------- Wello/www/form.php | 9 ++++----- Wello/www/img/add-img-icon.png | Bin 760 -> 2488 bytes Wello/www/img/add-img-icon1.png | Bin 0 -> 760 bytes Wello/www/js/main.js | 28 ++++++++++++---------------- 5 files changed, 35 insertions(+), 28 deletions(-) create mode 100644 Wello/www/img/add-img-icon1.png diff --git a/Wello/www/css/main.css b/Wello/www/css/main.css index baa9023..2fbd39b 100644 --- a/Wello/www/css/main.css +++ b/Wello/www/css/main.css @@ -330,8 +330,12 @@ main.details { justify-content: flex-start; align-items: flex-start; } -form{ - +nav.form a{ + text-decoration: none; + font-weight: 600; + color: white; + font-size: 1.25rem; + padding: .5rem; } main img{ width: 100%; @@ -344,13 +348,12 @@ main.details li, main.details p{ } label[for=well-picture] { - display: flex; - justify-content: center; - align-items: center; - height: 13rem; + margin-top: 60px; background: lightgray; } - +label[for=well-picture] img { + width: 100%; +} h2{ width: calc(100% - 2rem); font-weight: 700; @@ -462,6 +465,15 @@ main.list{ margin-bottom: 66px; } +input[type=file]{ + width: 0.1px; + height: 0.1px; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -1; +} + /* ========================================================================== Helper classes ========================================================================== */ diff --git a/Wello/www/form.php b/Wello/www/form.php index 6ab8da1..0c0f932 100644 --- a/Wello/www/form.php +++ b/Wello/www/form.php @@ -195,9 +195,8 @@ if ($result = $mysqli->query($query)) { -