kamp/anything-llm
1
0
Fork 0
mirror of https://github.com/Mintplex-Labs/anything-llm.git synced 2024-11-11 01:10:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* 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:
Sean Hatfield 2024-05-16 10:45:46 -07:00 committed by GitHub
parent 15cf921616
commit a79683065f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
embed/index.html
View File

@ -1,4 +1,8 @@
<!doctype html> <!doctype html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<html lang="en"> <html lang="en">
<body> <body>

10
embed/src/App.jsx
View File

@ -28,18 +28,18 @@ export default function App() {
const position = embedSettings.position || "bottom-right"; const position = embedSettings.position || "bottom-right";
const windowWidth = embedSettings.windowWidth const windowWidth = embedSettings.windowWidth
? `md:max-w-[${embedSettings.windowWidth}]` ? `max-w-[${embedSettings.windowWidth}]`
: "md:max-w-[400px]"; : "max-w-[400px]";
const windowHeight = embedSettings.windowHeight const windowHeight = embedSettings.windowHeight
? `md:max-h-[${embedSettings.windowHeight}]` ? `max-h-[${embedSettings.windowHeight}]`
: "md:max-h-[700px]"; : "max-h-[700px]";
return ( return (
<> <>
<Head /> <Head />
<div className={`fixed inset-0 z-50 ${isChatOpen ? "block" : "hidden"}`}> <div className={`fixed inset-0 z-50 ${isChatOpen ? "block" : "hidden"}`}>
<div <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" id="anything-llm-chat"
> >
{isChatOpen && ( {isChatOpen && (

2
frontend/public/embed/anythingllm-chat-widget.min.js vendored
View File

File diff suppressed because one or more lines are too long