[FIX] Make height and width data options apply to mobile styles (#1412)

* make height and width data options apply to mobile styles * update build and respect viewport on dev index --------- Co-authored-by: timothycarambat <rambat1010@gmail.com>

[FIX] Make height and width data options apply to mobile styles (#1412)
a7968306 · Sean Hatfield · GitHub · 15cf9216 · a7968306 · a7968306
Unverified Commit a7968306 authored 10 months ago by Sean Hatfield Committed by GitHub 10 months ago
--- a/embed/index.html
+++ b/embed/index.html
 <!doctype html>
+
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+</head>
 <html lang="en">

  <body>

--- a/embed/src/App.jsx
+++ b/embed/src/App.jsx
@@ -28,18 +28,18 @@ export default function App() {

  const position = embedSettings.position || "bottom-right";
  const windowWidth = embedSettings.windowWidth
-    ? `md:max-w-[${embedSettings.windowWidth}]`
-    : "md:max-w-[400px]";
+    ? `max-w-[${embedSettings.windowWidth}]`
+    : "max-w-[400px]";
  const windowHeight = embedSettings.windowHeight
-    ? `md:max-h-[${embedSettings.windowHeight}]`
-    : "md:max-h-[700px]";
+    ? `max-h-[${embedSettings.windowHeight}]`
+    : "max-h-[700px]";

  return (
    <>
      <Head />
      <div className={`fixed inset-0 z-50 ${isChatOpen ? "block" : "hidden"}`}>
        <div
-          className={`${windowHeight} ${windowWidth} h-full w-full bg-white md:fixed md:bottom-0 md:right-0 md:mb-4 md:mr-4 md:rounded-2xl md:border md:border-gray-300 md:shadow-[0_4px_14px_rgba(0,0,0,0.25)] ${positionClasses[position]}`}
+          className={`${windowHeight} ${windowWidth} h-full w-full bg-white fixed bottom-0 right-0 mb-4 md:mr-4 rounded-2xl border border-gray-300 shadow-[0_4px_14px_rgba(0,0,0,0.25)] ${positionClasses[position]}`}
          id="anything-llm-chat"
        >
          {isChatOpen && (

--- a/frontend/public/embed/anythingllm-chat-widget.min.js
+++ b/frontend/public/embed/anythingllm-chat-widget.min.js