Merge pull request #86 from banbri/main

Fix some issue
babaohuang · Dec 23, 2023 · c550ff0 · c550ff0 · vercel · Dec 23, 2023
2 parents 9494fe0 + dab12db
commit c550ff0
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 14 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -1,5 +1,5 @@
 <footer>
-  <p mt-8 text-xs op-30 text-center class="max-w-[80vw] mx-auto flex justify-center flex-wrap">
+  <p mt-8 text-xs op-30 text-center class="max-w-[80vw] mx-auto flex justify-center flex-wrap mb-[1em]">
     <a
       b-slate-link
       href="https://geminiprochat.com" target="_blank"

diff --git a/src/components/Generator.tsx b/src/components/Generator.tsx
@@ -213,17 +213,20 @@ export default () => {
 
   return (
     <div my-6>
-      {/* beautiful coming soon alert box, position: fixed, screen center */}
-      {showComingSoon() && <div class="fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
-        {/* With Close Icon */}
-        <div class="bg-slate/10 rounded-md p-4 text-center">
-          <div class="text-2xl font-bold">Coming Soon...</div>
-          <div class="text-base mt-2">Chat with picture is coming soon!</div>
-          <button class="absolute top-1 right-1" onClick={() => setShowComingSoon(false)}>
-            <IconX />
-          </button>
+      {/* beautiful coming soon alert box, position: fixed, screen center, no transparent background, z-index 100*/}
+      <Show when={showComingSoon()}>
+        <div class="fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-100">
+          <div class="bg-white rounded-md shadow-md p-6">
+            <div class="flex items-center justify-between">
+              <h3 class="text-lg font-medium">Coming soon</h3>
+              <button onClick={() => setShowComingSoon(false)}>
+                <IconX />
+              </button>
+            </div>
+            <p class="text-gray-500 mt-2">Chat with picture is coming soon!</p>
+          </div>
         </div>
-      </div>}
+      </Show>
 
       <Index each={messageList()}>
         {(message, index) => (

diff --git a/src/components/icons/Picture.tsx b/src/components/icons/Picture.tsx
@@ -1,7 +1,14 @@
 export default () => {
   return (
-  <svg width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-    <path fill="#555" d="M19.0909091,2 C19.5929861,2 20,2.39796911 20,2.88888889 L20,17.1111111 C20,17.6020309 19.5929861,18 19.0909091,18 L0.909090909,18 C0.407013864,18 0,17.6020309 0,17.1111111 L0,2.88888889 C0,2.39796911 0.407013864,2 0.909090909,2 L19.0909091,2 Z M5.41498358,8.41650391 L1.35528564,12.4593235 L1.35528564,16.6760254 L18.6397145,16.6760254 L18.6397145,15.243208 L15.4396522,12.1229367 L12.6626905,14.4561124 C12.4973565,14.5726194 12.3372165,14.6241229 12.1822704,14.6106228 C12.0273243,14.5971228 11.8813994,14.5342746 11.7444957,14.4220785 L5.41498358,8.41650391 Z M18.634732,3.33114963 L1.36244722,3.33114963 L1.36244722,10.5609045 L4.96842818,6.9698622 C5.10609945,6.86625615 5.2524821,6.81445312 5.40757613,6.81445312 C5.56267016,6.81445312 5.69937041,6.86096747 5.81767689,6.95399616 L12.2491594,13.0423991 L15.0544045,10.6911214 C15.1877478,10.594062 15.3280547,10.5455322 15.4753252,10.5455322 C15.6225956,10.5455322 15.761728,10.594062 15.8927224,10.6911214 L18.634732,13.3555356 L18.634732,3.33114963 Z M15.2726045,5.22858343 C16.0257201,5.22858343 16.6362408,5.8255371 16.6362408,6.56191676 C16.6362408,7.29829643 16.0257201,7.8952501 15.2726045,7.8952501 C14.5194889,7.8952501 13.9089681,7.29829643 13.9089681,6.56191676 C13.9089681,5.8255371 14.5194889,5.22858343 15.2726045,5.22858343 Z"/>
-  </svg>
+    <svg
+      width="1em"
+      height="1em"
+      viewBox="0 0 20 20"
+      xmlns="http://www.w3.org/2000/svg">
+      <path
+        fill="#555"
+        d="M19.0909091,2 C19.5929861,2 20,2.39796911 20,2.88888889 L20,17.1111111 C20,17.6020309 19.5929861,18 19.0909091,18 L0.909090909,18 C0.407013864,18 0,17.6020309 0,17.1111111 L0,2.88888889 C0,2.39796911 0.407013864,2 0.909090909,2 L19.0909091,2 Z M5.41498358,8.41650391 L1.35528564,12.4593235 L1.35528564,16.6760254 L18.6397145,16.6760254 L18.6397145,15.243208 L15.4396522,12.1229367 L12.6626905,14.4561124 C12.4973565,14.5726194 12.3372165,14.6241229 12.1822704,14.6106228 C12.0273243,14.5971228 11.8813994,14.5342746 11.7444957,14.4220785 L5.41498358,8.41650391 Z M18.634732,3.33114963 L1.36244722,3.33114963 L1.36244722,10.5609045 L4.96842818,6.9698622 C5.10609945,6.86625615 5.2524821,6.81445312 5.40757613,6.81445312 C5.56267016,6.81445312 5.69937041,6.86096747 5.81767689,6.95399616 L12.2491594,13.0423991 L15.0544045,10.6911214 C15.1877478,10.594062 15.3280547,10.5455322 15.4753252,10.5455322 C15.6225956,10.5455322 15.761728,10.594062 15.8927224,10.6911214 L18.634732,13.3555356 L18.634732,3.33114963 Z M15.2726045,5.22858343 C16.0257201,5.22858343 16.6362408,5.8255371 16.6362408,6.56191676 C16.6362408,7.29829643 16.0257201,7.8952501 15.2726045,7.8952501 C14.5194889,7.8952501 13.9089681,7.29829643 13.9089681,6.56191676 C13.9089681,5.8255371 14.5194889,5.22858343 15.2726045,5.22858343 Z"
+      />
+    </svg>
   )
 }