yassonee commited on
Commit
07e6736
·
verified ·
1 Parent(s): 6bcf035

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +10 -10
app.py CHANGED
@@ -148,17 +148,17 @@ COMMON_STYLES = """
148
  height: auto;
149
  border-radius: 8px;
150
  }
 
 
 
 
 
151
  #loading {
152
  display: none;
153
- position: fixed;
154
- top: 50%;
155
- left: 50%;
156
- transform: translate(-50%, -50%);
157
- background: #2d2d2d;
158
  color: white;
159
- padding: 20px;
160
- border-radius: 8px;
161
- z-index: 1000;
162
  }
163
  """
164
 
@@ -230,7 +230,6 @@ async def main():
230
  </style>
231
  </head>
232
  <body>
233
- <div id="loading">Loading...</div>
234
  <div class="container">
235
  <div class="upload-section">
236
  <form action="/analyze" method="post" enctype="multipart/form-data" onsubmit="document.getElementById('loading').style.display = 'block';">
@@ -247,6 +246,7 @@ async def main():
247
  Analysieren
248
  <div class="button-progress"></div>
249
  </button>
 
250
  </form>
251
  </div>
252
  </div>
@@ -289,7 +289,7 @@ async def analyze_file(file: UploadFile = File(...)):
289
  margin-top: 20px;
290
  }}
291
  .result-box {{
292
- background: #2d2d2d;
293
  padding: 20px;
294
  border-radius: 12px;
295
  margin: 10px 0;
 
148
  height: auto;
149
  border-radius: 8px;
150
  }
151
+ @keyframes blink {
152
+ 0% { opacity: 1; }
153
+ 50% { opacity: 0; }
154
+ 100% { opacity: 1; }
155
+ }
156
  #loading {
157
  display: none;
 
 
 
 
 
158
  color: white;
159
+ margin-top: 10px;
160
+ animation: blink 1s infinite;
161
+ text-align: center;
162
  }
163
  """
164
 
 
230
  </style>
231
  </head>
232
  <body>
 
233
  <div class="container">
234
  <div class="upload-section">
235
  <form action="/analyze" method="post" enctype="multipart/form-data" onsubmit="document.getElementById('loading').style.display = 'block';">
 
246
  Analysieren
247
  <div class="button-progress"></div>
248
  </button>
249
+ <div id="loading">Loading...</div>
250
  </form>
251
  </div>
252
  </div>
 
289
  margin-top: 20px;
290
  }}
291
  .result-box {{
292
+ background: white;
293
  padding: 20px;
294
  border-radius: 12px;
295
  margin: 10px 0;