fix: input field covered by url bar in safari

4 months ago · abdb80a6be
parent 6e15403f60
commit abdb80a6be
2 changed files with 17 additions and 13 deletions
--- a/frontend/index.html
+++ b/frontend/index.html
@ -1,13 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="apple-mobile-web-app-capable" content="yes">
  <title>DocsGPT 🦖</title>
  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
 </head>
+
 <body>
  <div id="root" class="h-screen"></div>
  <script type="module" src="/src/main.tsx"></script>
 </body>
+
 </html>
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@ -137,13 +137,13 @@ export default function Conversation() {
      <div
        onWheel={handleUserInterruption}
        onTouchMove={handleUserInterruption}
-        className="flex h-[85vh] w-full justify-center overflow-y-auto p-4"
+        className="flex h-[80vh] md:h-[85vh] w-full justify-center overflow-y-auto p-4"
      >
        {queries.length > 0 && !hasScrolledToLast && (
          <button
            onClick={scrollIntoView}
            aria-label="scroll to bottom"
-            className="fixed bottom-32 right-14 z-10 flex h-7 w-7  items-center justify-center rounded-full border-[0.5px] border-gray-alpha bg-gray-100 bg-opacity-50 dark:bg-purple-taupe md:h-9 md:w-9 md:bg-opacity-100 "
+            className="fixed bottom-40 right-14 z-10 flex h-7 w-7  items-center justify-center rounded-full border-[0.5px] border-gray-alpha bg-gray-100 bg-opacity-50 dark:bg-purple-taupe md:h-9 md:w-9 md:bg-opacity-100 "
          >
            <img
              src={ArrowDown}