feat: show information aboout uploaded files

2 files changed, 18 insertions, 1 deletions

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" />