From 020f9e2128efa222a3659b1fabd109c6b2de8102 Mon Sep 17 00:00:00 2001
From: nyx <nyx@noreply.localhost>
Date: Fri, 31 Jan 2025 11:01:18 -0600
Subject: [PATCH] css (1)

laptop batter yalmost dead :worried:
---
 src/imag/static/index.css   | 60 +++++++++++++++++++++++++++++++++++++
 src/imag/templates/index.j2 |  1 +
 2 files changed, 61 insertions(+)

diff --git a/src/imag/static/index.css b/src/imag/static/index.css
index d985b8f..1f0c61a 100644
--- a/src/imag/static/index.css
+++ b/src/imag/static/index.css
@@ -37,6 +37,16 @@ h1 {
 
 img {
     max-width: 256px;
+    border-radius: 10px;
+    padding: 3px;
+    -webkit-transition: border-radius 0.1s ease-out;
+    -moz-transition: border-radius 0.1s ease-out;
+    -o-transition: border-radius 0.1s ease-out;
+}
+
+img:hover {
+    cursor: pointer;
+    border-radius: 5px
 }
 
 button {
@@ -44,9 +54,59 @@ button {
     padding: 0.5em;
     background-color: #1c1c1c;
     cursor: pointer;
+    border-radius: 30px;
+    -webkit-transition: border-radius 0.4s ease-out;
+    -moz-transition: border-radius 0.4s ease-out;
+    -o-transition: border-radius 0.4s ease-out;
+}
+
+button:hover {
+    border-radius: 10px;
+    cursor: pointer;
+}
+
+input {
+    border: none;
+    padding: 0.5em;
+    background-color: #1c1c1c;
+    cursor: pointer;
+    margin: 2px;
+    border-radius: 30px;
+    -webkit-transition: border-radius 0.4s ease-out;
+    -moz-transition: border-radius 0.4s ease-out;
+    -o-transition: border-radius 0.4s ease-out;
+}
+
+input:focus {
+    border-radius: 10px;
+}
+
+input:hover {
+    border-radius: 10px;
+    cursor: pointer;
+}
+
+input[type="file"]::file-selector-button {
+    border: none;
+    padding: 0.5em;
+    background-color: #1c1c1c;
+    cursor: pointer;
+    border-radius: 30px;
+    -webkit-transition: border-radius 0.4s ease-out;
+    -moz-transition: border-radius 0.4s ease-out;
+    -o-transition: border-radius 0.4s ease-out;
+}
+
+input[type="file"]::file-selector-button:hover {
+    border-radius: 10px;
+    cursor: pointer;
 }
 
 .image {
     margin-bottom: 2em;
 }
 
+hr.thin{
+    width:50%;
+}
+
diff --git a/src/imag/templates/index.j2 b/src/imag/templates/index.j2
index c3047ea..a393755 100644
--- a/src/imag/templates/index.j2
+++ b/src/imag/templates/index.j2
@@ -172,6 +172,7 @@
                     </form>
                 </details>
             </div>
+            <hr class="thin">
             {% endfor %}
         {% else %}
             <i>No images found :(</i>