From 430b0cdae966e3f4ce055a70c351bbc739d87dec Mon Sep 17 00:00:00 2001
From: Blaster4385 <venkatesh@tablaster.dev>
Date: Sun, 28 Jul 2024 01:33:36 +0530
Subject: feat: show information aboout uploaded files

---
 client/assets/styles.css | 17 +++++++++++++++++
 client/index.html        |  2 +-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/client/assets/styles.css b/client/assets/styles.css
index 6332760..fb48ee7 100644
--- a/client/assets/styles.css
+++ b/client/assets/styles.css
@@ -71,6 +71,11 @@ body {
   bottom: 5%;
 }
 
+.upload__info {
+  font-size: 0.8rem;
+  color: #454545;
+}
+
 .upload__input {
   color: #282828;
   border: 2px solid #282828;
@@ -101,6 +106,10 @@ body {
   min-width: 300px;
 }
 
+.upload__input__overlay__text {
+  text-align: center;
+}
+
 .upload__result {
   opacity: 0;
   padding: 1rem;
@@ -150,6 +159,14 @@ a {
     padding: 0.5rem;
   }
 
+  .upload__input__overlay__text {
+    font-size: 0.8rem;
+  }
+
+  .upload__info {
+    font-size: 0.6rem;
+  }
+
   .upload__button,
   .download__button {
     font-size: 1.2rem;
diff --git a/client/index.html b/client/index.html
index 8c433ab..012fae6 100644
--- a/client/index.html
+++ b/client/index.html
@@ -16,7 +16,7 @@
         <div class="upload__container">
           <div class="upload__input__overlay">
             <p class="upload__input__overlay__text">
-              Choose a file or drag it here
+              Choose a file or drag it here<br><span class="upload__info">(It will be deleted after 24 hours.)</span>
             </p>
           </div>
           <input type="file" class="upload__input" name="file" />
-- 
cgit v1.2.3-73-gaa49b