mirror of
https://github.com/Mintplex-Labs/anything-llm.git
synced 2024-11-10 17:00:11 +01:00
[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>
This commit is contained in:
parent
15cf921616
commit
a79683065f
@ -1,4 +1,8 @@
|
||||
<!doctype html>
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
</head>
|
||||
<html lang="en">
|
||||
|
||||
<body>
|
||||
|
@ -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 && (
|
||||
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user