Hugging Face's logo

Spaces:
GeoOrg13
/
flood-vulnerability
Running

App Files Community
Gunjuzone commited on
Commit
21099df
·
verified ·
1 Parent(s): 42bf3af

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +7 -8
templates/index.html CHANGED
@@ -220,7 +220,7 @@
220
  /* Form styling */
221
  .form-grid {
222
  display: grid;
223
- grid-template-columns: repeat(2, 1fr);
224
  gap: 1.5rem;
225
  margin-bottom: 2rem;
226
  }
@@ -885,10 +885,10 @@
885
  </head>
886
  <body>
887
  <div class="hero-background"></div>
888
-
889
- <div class="page-wrapper">
890
  <header class="hero-header" style="position: relative; padding-top: 40px; text-align: center;">
891
-
892
  <div style="display: inline-block; text-align: center; max-width: 90%; margin: 0 auto;">
893
  <h1 style="margin: 0; font-size: 3rem; line-height: 1.2;">
894
  Flood Vulnerability Assessment
@@ -899,8 +899,7 @@
899
  </div>
900
 
901
  </header>
902
- </div>
903
- <div class="main-container">
904
  <div class="main-container">
905
  <!-- Side Navigation -->
906
  <aside class="side-nav">
@@ -959,7 +958,7 @@
959
 
960
  <div class="loading-state" id="basic-loading">
961
  <div class="loading-spinner"></div>
962
- <p>Analyzing...</p>
963
  </div>
964
 
965
  <div class="error-message" id="basic-error"></div>
@@ -1482,4 +1481,4 @@
1482
  }
1483
  </script>
1484
  </body>
1485
- </html>
 
220
  /* Form styling */
221
  .form-grid {
222
  display: grid;
223
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
224
  gap: 1.5rem;
225
  margin-bottom: 2rem;
226
  }
 
885
  </head>
886
  <body>
887
  <div class="hero-background"></div>
888
+
889
+ <div class="page-wrapper">
890
  <header class="hero-header" style="position: relative; padding-top: 40px; text-align: center;">
891
+
892
  <div style="display: inline-block; text-align: center; max-width: 90%; margin: 0 auto;">
893
  <h1 style="margin: 0; font-size: 3rem; line-height: 1.2;">
894
  Flood Vulnerability Assessment
 
899
  </div>
900
 
901
  </header>
902
+
 
903
  <div class="main-container">
904
  <!-- Side Navigation -->
905
  <aside class="side-nav">
 
958
 
959
  <div class="loading-state" id="basic-loading">
960
  <div class="loading-spinner"></div>
961
+ <p>Analyzing terrain and water proximity...</p>
962
  </div>
963
 
964
  <div class="error-message" id="basic-error"></div>
 
1481
  }
1482
  </script>
1483
  </body>
1484
+ </html>