From 358447514fc4ff1cc75b2619e6d98811430cad75 Mon Sep 17 00:00:00 2001
From: overflowerror <mail@overflowerror.com>
Date: Sun, 3 Dec 2023 14:00:09 +0100
Subject: [PATCH] feat: Formatting for error messages

---
 html/static/css/main.css                | 11 +++++++++++
 templates/pages/components/url-form.php | 12 +++---------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/html/static/css/main.css b/html/static/css/main.css
index 1bb721d..2a851fb 100644
--- a/html/static/css/main.css
+++ b/html/static/css/main.css
@@ -61,4 +61,15 @@ html {
 
 .result {
     font-size: 2vw;
+}
+
+.error {
+    border: 1px solid red;
+    color: red;
+    padding: 0.2vw;
+    font-size: 1.3vw;
+}
+
+.invisible {
+    opacity: 0;
 }
\ No newline at end of file
diff --git a/templates/pages/components/url-form.php b/templates/pages/components/url-form.php
index 6fc368a..fe32497 100644
--- a/templates/pages/components/url-form.php
+++ b/templates/pages/components/url-form.php
@@ -1,12 +1,6 @@
-<?php
-    if ($data["error"] ?? false) {
-?>
-        <div class="error">
-            <?php echo $data["error"]; ?>
-        </div>
-<?php
-    }
-?>
+<div class="error <?php echo ($data["error"] ?? "") ? "" : "invisible"; ?>">
+    <?php echo $data["error"] ?? "no error"; ?>
+</div>
 
 <form action="/manage" method="POST" hx-post="/manage" hx-swap="innerHTML" hx-target=".center-panel">
     <input type="text" name="url" value="<?php echo htmlspecialchars($data["url"] ?? ""); ?>" placeholder="https://">