From 007c100b33bf53f5138388665a2aace7c31f1103 Mon Sep 17 00:00:00 2001
From: filippofinke <filippofinke@protonmail.ch>
Date: Thu, 17 Feb 2022 23:18:31 +0100
Subject: [PATCH] refactor: move upload files css

---
 frontend/src/css/base.css         | 55 -------------------------------
 frontend/src/css/styles.css       |  1 +
 frontend/src/css/upload-files.css | 54 ++++++++++++++++++++++++++++++
 3 files changed, 55 insertions(+), 55 deletions(-)
 create mode 100644 frontend/src/css/upload-files.css

diff --git a/frontend/src/css/base.css b/frontend/src/css/base.css
index ac2d4c93..05d799c9 100644
--- a/frontend/src/css/base.css
+++ b/frontend/src/css/base.css
@@ -133,59 +133,4 @@ main {
 
 .break-word {
   word-break: break-all;
-}
-
-.upload-files .card.floating {
-  left: auto;
-  top: auto;
-  margin: 0;
-  right: 0;
-  bottom: 0;
-  transform: none;
-}
-
-.upload-files .file {
-  margin-bottom: 8px;
-}
-
-.upload-files .file .file-name {
-  font-size: 1.1em;
-  display: flex;
-  align-items: center;
-}
-
-.upload-files .file .file-name i {
-  margin-right: 5px;
-}
-
-.upload-files .file .file-progress {
-  margin-top: 2px;
-  width: 100%;
-  height: 5px;
-}
-
-.upload-files .file .file-progress div {
-  height: 100%;
-  background-color: #40c4ff;
-  width: 0;
-  transition: 0.2s ease width;
-  border-radius: 10px;
-}
-
-.upload-files.closed .card-content {
-  display: none;
-  padding: 0em 1em 1em 1em;
-}
-
-.upload-files .card .card-title {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.8em;
-  padding: 1em 1em 0em;
-}
-
-.upload-files.closed .card-title {
-  font-size: 0.7em;
-  padding: 0.5em 1em;
 }
\ No newline at end of file
diff --git a/frontend/src/css/styles.css b/frontend/src/css/styles.css
index 10427a9d..8b3b608c 100644
--- a/frontend/src/css/styles.css
+++ b/frontend/src/css/styles.css
@@ -11,6 +11,7 @@
 @import "./header.css";
 @import "./listing.css";
 @import "./listing-icons.css";
+@import "./upload-files.css";
 @import "./dashboard.css";
 @import "./login.css";
 
diff --git a/frontend/src/css/upload-files.css b/frontend/src/css/upload-files.css
new file mode 100644
index 00000000..80828493
--- /dev/null
+++ b/frontend/src/css/upload-files.css
@@ -0,0 +1,54 @@
+.upload-files .card.floating {
+  left: auto;
+  top: auto;
+  margin: 0;
+  right: 0;
+  bottom: 0;
+  transform: none;
+}
+
+.upload-files .file {
+  margin-bottom: 8px;
+}
+
+.upload-files .file .file-name {
+  font-size: 1.1em;
+  display: flex;
+  align-items: center;
+}
+
+.upload-files .file .file-name i {
+  margin-right: 5px;
+}
+
+.upload-files .file .file-progress {
+  margin-top: 2px;
+  width: 100%;
+  height: 5px;
+}
+
+.upload-files .file .file-progress div {
+  height: 100%;
+  background-color: #40c4ff;
+  width: 0;
+  transition: 0.2s ease width;
+  border-radius: 10px;
+}
+
+.upload-files.closed .card-content {
+  display: none;
+  padding: 0em 1em 1em 1em;
+}
+
+.upload-files .card .card-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.8em;
+  padding: 1em 1em 0em;
+}
+
+.upload-files.closed .card-title {
+  font-size: 0.7em;
+  padding: 0.5em 1em;
+}
\ No newline at end of file