Update

backend/src/__init__.py

@@ -1,3 +1,3 @@
-from example import *
-import resources
+from .example import *
+import src.resources
 from src.demo import *

backend/src/example/examples.py

@@ -8,7 +8,7 @@ from torch import nn
 import numpy as np
 import PIL
 sys.path.insert(0, "../")
-from resources.module import GradioModule, register
+from src.resources.module import GradioModule, register
 
 
 @GradioModule

frontend/src/css/dist/output.css

@@ -583,10 +583,6 @@ video {
   }
 }
 
-.pointer-events-none {
-  pointer-events: none;
-}
-
 .visible {
   visibility: visible;
 }
@@ -620,64 +616,36 @@ video {
   left: 0px;
 }
 
-.-right-3 {
-  right: -0.75rem;
-}
-
-.top-9 {
-  top: 2.25rem;
+.top-0 {
+  top: 0px;
 }
 
 .bottom-0 {
   bottom: 0px;
 }
 
-.top-0 {
-  top: 0px;
-}
-
-.-bottom-0 {
-  bottom: -0px;
+.-right-\[25px\] {
+  right: -25px;
 }
 
 .right-0 {
   right: 0px;
 }
 
-.top-4 {
-  top: 1rem;
-}
-
-.-right-4 {
-  right: -1rem;
-}
-
-.-right-\[17px\] {
-  right: -17px;
-}
-
-.-right-\[20px\] {
-  right: -20px;
-}
-
-.-right-\[30px\] {
-  right: -30px;
-}
-
-.-right-\[28px\] {
-  right: -28px;
+.-right-3 {
+  right: -0.75rem;
 }
 
-.-right-\[25px\] {
-  right: -25px;
+.top-9 {
+  top: 2.25rem;
 }
 
-.-right-\[22px\] {
-  right: -22px;
+.-bottom-0 {
+  bottom: -0px;
 }
 
-.-right-\[23px\] {
-  right: -23px;
+.top-4 {
+  top: 1rem;
 }
 
 .z-20 {
@@ -736,8 +704,12 @@ video {
   margin-left: auto;
 }
 
-.ml-4 {
-  margin-left: 1rem;
+.-ml-\[5px\] {
+  margin-left: -5px;
+}
+
+.ml-5 {
+  margin-left: 1.25rem;
 }
 
 .mt-4 {
@@ -756,70 +728,6 @@ video {
   margin-top: 0.25rem;
 }
 
-.mr-3 {
-  margin-right: 0.75rem;
-}
-
-.mr-4 {
-  margin-right: 1rem;
-}
-
-.-ml-2 {
-  margin-left: -0.5rem;
-}
-
-.-ml-3 {
-  margin-left: -0.75rem;
-}
-
-.-ml-1 {
-  margin-left: -0.25rem;
-}
-
-.-ml-0 {
-  margin-left: -0px;
-}
-
-.-ml-\[8px\] {
-  margin-left: -8px;
-}
-
-.-ml-\[10px\] {
-  margin-left: -10px;
-}
-
-.-ml-\[4px\] {
-  margin-left: -4px;
-}
-
-.-ml-\[5px\] {
-  margin-left: -5px;
-}
-
-.ml-96 {
-  margin-left: 24rem;
-}
-
-.ml-\[30rem\] {
-  margin-left: 30rem;
-}
-
-.ml-\[46rem\] {
-  margin-left: 46rem;
-}
-
-.ml-\[40rem\] {
-  margin-left: 40rem;
-}
-
-.ml-\[44rem\] {
-  margin-left: 44rem;
-}
-
-.ml-5 {
-  margin-left: 1.25rem;
-}
-
 .block {
   display: block;
 }
@@ -852,6 +760,10 @@ video {
   height: 20rem;
 }
 
+.h-full {
+  height: 100%;
+}
+
 .h-screen {
   height: 100vh;
 }
@@ -864,10 +776,6 @@ video {
   height: auto;
 }
 
-.h-full {
-  height: 100%;
-}
-
 .h-\[600px\] {
   height: 600px;
 }
@@ -1021,22 +929,6 @@ video {
   overflow: hidden;
 }
 
-.overflow-scroll {
-  overflow: scroll;
-}
-
-.overflow-y-auto {
-  overflow-y: auto;
-}
-
-.overflow-x-hidden {
-  overflow-x: hidden;
-}
-
-.overflow-y-hidden {
-  overflow-y: hidden;
-}
-
 .overflow-y-scroll {
   overflow-y: scroll;
 }
@@ -1403,6 +1295,10 @@ video {
   padding: 1.25rem;
 }
 
+.p-3 {
+  padding: 0.75rem;
+}
+
 .p-0\.5 {
   padding: 0.125rem;
 }
@@ -1415,10 +1311,6 @@ video {
   padding: 0.25rem;
 }
 
-.p-3 {
-  padding: 0.75rem;
-}
-
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
@@ -1429,6 +1321,11 @@ video {
   padding-bottom: 0.5rem;
 }
 
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
 .px-5 {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
@@ -1454,11 +1351,6 @@ video {
   padding-bottom: 0.75rem;
 }
 
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-
 .pb-3 {
   padding-bottom: 0.75rem;
 }