Spaces:

Hansimov
/

llm-mixer

Sleeping

Hansimov commited on Nov 9, 2023

Commit

ebbfc38

1 Parent(s): f2868f6

:zap: [Enhance] Screenshot for whole chat, and add padding

Files changed (3) hide show

apps/llm_mixer/index.html CHANGED Viewed

@@ -28,7 +28,7 @@
     <body>
         <div id="main-container">
             <div id="chat-session-container">
-                <div id="messagers-container" class="container m-3"></div>
             </div>
             <div id="user-interactions" class="container fixed-bottom mb-3">
                 <div class="row mt-2 no-gutters">

     <body>
         <div id="main-container">
             <div id="chat-session-container">
+                <div id="messagers-container" class="container m-3 py-2"></div>
             </div>
             <div id="user-interactions" class="container fixed-bottom mb-3">
                 <div class="row mt-2 no-gutters">

apps/llm_mixer/js/buttons_binder.js CHANGED Viewed

@@ -201,7 +201,12 @@ class ScreenshotButtonBinder {
         const button = $("#screenshot-button");
         button.attr("title", "Take screenshot for whole chat");
         button.click(() => {
-            html2canvas($("#chat-session-container")[0]).then((canvas) => {
                 var link = document.createElement("a");
                 let date = new Date();
                 let date_string = date.toISOString().split("T")[0];

         const button = $("#screenshot-button");
         button.attr("title", "Take screenshot for whole chat");
         button.click(() => {
+            let screenshot_padding = 10;
+            html2canvas($("#messagers-container")[0], {
+                x: -screenshot_padding,
+                width:
+                    $("#messagers-container").width() + 2 * screenshot_padding,
+            }).then((canvas) => {
                 var link = document.createElement("a");
                 let date = new Date();
                 let date_string = date.toISOString().split("T")[0];

apps/llm_mixer/js/default.css CHANGED Viewed

@@ -16,6 +16,7 @@
 #chat-session-container {
     overflow-y: auto;
 }
 #user-input {

 #chat-session-container {
     overflow-y: auto;
+    overflow-x: hidden;
 }
 #user-input {