Spaces:

yassonee
/

knoch

Runtime error

yassonee commited on Jan 27, 2025

Commit

07e6736

verified ·

1 Parent(s): 6bcf035

Update app.py

Files changed (1) hide show

app.py CHANGED Viewed

@@ -148,17 +148,17 @@ COMMON_STYLES = """
         height: auto;
         border-radius: 8px;
     }
     #loading {
         display: none;
-        position: fixed;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        background: #2d2d2d;
         color: white;
-        padding: 20px;
-        border-radius: 8px;
-        z-index: 1000;
     }
 """
@@ -230,7 +230,6 @@ async def main():
         </style>
     </head>
     <body>
-        <div id="loading">Loading...</div>
         <div class="container">
             <div class="upload-section">
                 <form action="/analyze" method="post" enctype="multipart/form-data" onsubmit="document.getElementById('loading').style.display = 'block';">
@@ -247,6 +246,7 @@ async def main():
                         Analysieren
                         <div class="button-progress"></div>
                     </button>
                 </form>
             </div>
         </div>
@@ -289,7 +289,7 @@ async def analyze_file(file: UploadFile = File(...)):
                     margin-top: 20px;
                 }}
                 .result-box {{
-                    background: #2d2d2d;
                     padding: 20px;
                     border-radius: 12px;
                     margin: 10px 0;

         height: auto;
         border-radius: 8px;
     }
+    @keyframes blink {
+        0% { opacity: 1; }
+        50% { opacity: 0; }
+        100% { opacity: 1; }
+    }
     #loading {
         display: none;
         color: white;
+        margin-top: 10px;
+        animation: blink 1s infinite;
+        text-align: center;
     }
 """
         </style>
     </head>
     <body>
         <div class="container">
             <div class="upload-section">
                 <form action="/analyze" method="post" enctype="multipart/form-data" onsubmit="document.getElementById('loading').style.display = 'block';">
                         Analysieren
                         <div class="button-progress"></div>
                     </button>
+                    <div id="loading">Loading...</div>
                 </form>
             </div>
         </div>
                     margin-top: 20px;
                 }}
                 .result-box {{
+                    background: white;
                     padding: 20px;
                     border-radius: 12px;
                     margin: 10px 0;