From 92b55f2636a82c5eafc24d1e2adc84b61258161e Mon Sep 17 00:00:00 2001 From: Aaron Parecki Date: Sat, 25 Jul 2015 05:03:19 -0700 Subject: [PATCH] some styling for photo uploads --- lib/helpers.php | 2 +- public/css/style.css | 17 +++++++++++++++++ views/photo.php | 28 +++++++++++++++++++++++----- 3 files changed, 41 insertions(+), 6 deletions(-) diff --git a/lib/helpers.php b/lib/helpers.php index eb8994c..a4dc22e 100644 --- a/lib/helpers.php +++ b/lib/helpers.php @@ -261,7 +261,7 @@ function validate_photo(&$file) { } // You should also check filesize here. - if ($file['size'] > 1000000) { + if ($file['size'] > 4000000) { throw new RuntimeException('Exceeded filesize limit.'); } diff --git a/public/css/style.css b/public/css/style.css index 7cb152c..d806c62 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -179,6 +179,23 @@ body { border-bottom-left-radius: 4px; } + .uploadBtn { + position: relative; + overflow: hidden; + margin: 10px; + } + .uploadBtn input { + position: absolute; + top: 0; + right: 0; + margin: 0; + padding: 0; + font-size: 20px; + cursor: pointer; + opacity: 0; + filter: alpha(opacity=0); + } + .callout { border-left: 4px #5bc0de solid; background-color: #f4f8fa; diff --git a/views/photo.php b/views/photo.php index 364a55d..ab2a364 100644 --- a/views/photo.php +++ b/views/photo.php @@ -1,11 +1,17 @@
-
+
- +
+ Choose File + +
+

Photo JPEG, GIF or PNG.

@@ -15,6 +21,8 @@
+ +
location)): ?> @@ -33,6 +41,16 @@

Response:

response ?>
- - - \ No newline at end of file + + \ No newline at end of file