refactor: upload run dialog, useMessage update, added loader spinner

1 files changed, 21 insertions, 1 deletions

diff --git a/frontend/src/App.css b/frontend/src/App.css
index b0445d8..14a9972 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -56,6 +56,26 @@ body {
     }

 }

 

+.loader {

+    width: 48px;

+    height: 48px;

+    border: 5px solid #FFF;

+    border-bottom-color: transparent;

+    border-radius: 50%;

+    display: inline-block;

+    box-sizing: border-box;

+    animation: rotation 1s linear infinite;

+    }

+

+@keyframes rotation {

+    0% {

+        transform: rotate(0deg);

+    }

+    100% {

+        transform: rotate(360deg);

+    }

+}

+

 @font-face {

     font-family: 'BarlowCondensed-Bold';

     src: local('BarlowCondensed-Bold'), url(./fonts/BarlowCondensed-Bold.ttf) format('truetype');

@@ -74,4 +94,4 @@ body {
 @font-face {

     font-family: 'BarlowSemiCondensed-SemiBold';

     src: local('BarlowSemiCondensed-Regular'), url(./fonts/BarlowSemiCondensed-SemiBold.ttf) format('truetype');

-}
\ No newline at end of file
+}