diff --git a/css/edit.css b/css/edit.css new file mode 100644 index 0000000..dc1f254 --- /dev/null +++ b/css/edit.css @@ -0,0 +1,16 @@ +/* + -=-=-= EDIT =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- +*/ +.edit-root { + margin: 0 auto 2rem; padding: 0.5rem;; + + background-color: var(--bg); color: var(--fg); + + border: 0.2rem solid var(--green); + outline: 0.5rem solid var(--bg); + + border-radius: var(--rad); + box-shadow: var(--shadow); + + max-width: 621px; +} diff --git a/css/master.css b/css/master.css index 413bc50..c2b076f 100644 --- a/css/master.css +++ b/css/master.css @@ -3,6 +3,7 @@ @import "gallery.css"; @import "image.css"; +@import "edit.css"; @import "upload.css"; :root { @@ -26,6 +27,7 @@ * { font-weight: 521; color: var(--fg); + font-family: "Fira Code", monospace; } html { margin: 0; padding: 0; @@ -50,6 +52,14 @@ body { justify-content: space-between; } +form { + width: 100%; + box-sizing: border-box; +} +form * { + width: 100%; + box-sizing: border-box; +} /* -=-=-= UNIVERSAL =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- @@ -81,7 +91,7 @@ body { text-align: center; - display: inline-block; + display: block; border-radius: var(--rad); @@ -100,17 +110,21 @@ body { .btn { margin: 0; padding: 0.5rem; - border: none; - - display: inline-block; + display: block; + font-size: 16px; align-items: center; + border: none; border-radius: var(--rad); } .btn:hover { outline: var(--white) 3px solid; } +a.btn { + text-align: center; + text-decoration: none; +} .space-bottom { margin-bottom: 1rem; @@ -146,7 +160,7 @@ h4 { font-family: "Lexend Deca", sans-serif; font-size: 21px; } -p { +p, a { margin: 0 0 0.5rem 0; font-family: "Fira Code", monospace; } diff --git a/css/upload.css b/css/upload.css index 27bc9d3..29929a6 100644 --- a/css/upload.css +++ b/css/upload.css @@ -14,7 +14,3 @@ max-width: 621px; } - -form { - width: 100%; -} diff --git a/image.php b/image.php index dd457ea..eefe832 100644 --- a/image.php +++ b/image.php @@ -18,6 +18,10 @@ $image_results = mysqli_query($conn, $get_image); $image = mysqli_fetch_assoc($image_results); + if ($_GET["update"] == "success") { + echo "
Information updated
"; + } + if (!isset($_GET['id'])) { echo "No ID present
"; @@ -43,7 +47,7 @@ Image uploaded prior to description being added"; + echo "No description provided
"; }else{ echo "".$image_alt."
"; } @@ -71,6 +75,7 @@