Fixing Prev-Next position (#4183)

Co-authored-by: édouard wautier <[email protected]>
dust-tt · Mar 7, 2024 · f73e89a · f73e89a
1 parent d844e59
commit f73e89a
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 18 deletions.
diff --git a/front/components/assistant_builder/ActionScreen.tsx b/front/components/assistant_builder/ActionScreen.tsx
@@ -331,39 +331,36 @@ export default function ActionScreen({
             {noDataSources ? (
               <ContentMessage
                 title="You don't have any Data source available"
-                variant="warning"
+                variant="pink"
               >
                 <div className="flex flex-col gap-y-3">
                   {(() => {
                     switch (owner.role) {
                       case "admin":
                         return (
                           <div>
-                            <strong>
-                              Visit the "Connections", "Websites" and "Folders"
-                              sections in the Build panel to add new data
-                              sources.
-                            </strong>
+                            Go to <strong>"Connections"</strong>,{" "}
+                            <strong>"Websites"</strong> and{" "}
+                            <strong>"Folders"</strong>
+                            sections in the Build panel to add new data sources.
                           </div>
                         );
                       case "builder":
                         return (
                           <div>
+                            You can add Data Sources by visiting the "Websites"
+                            and "Folders" sections in the Build panel.
                             <strong>
-                              Only Admins can activate Connections. You can add
-                              Data Sources by visiting the "Websites" and
-                              "Folders" sections in the Build panel.
+                              Only Admins can activate Connections (Notion,
+                              Drive…).
                             </strong>
                           </div>
                         );
                       case "user":
                         return (
                           <div>
-                            <strong>
-                              Contact an Admin or Builder to activate
-                              Connections, add public Websites or create
-                              Folders.
-                            </strong>
+                            Contact an <strong>Admin</strong> to add Data
+                            sources to your workspace!
                           </div>
                         );
                       case "none":

diff --git a/front/components/assistant_builder/AssistantBuilder.tsx b/front/components/assistant_builder/AssistantBuilder.tsx
@@ -448,7 +448,7 @@ export default function AssistantBuilder({
       >
         <BuilderLayout
           leftPanel={
-            <div className="flex h-full flex-col gap-5 py-4">
+            <div className="flex min-h-[64vh] flex-col gap-5 py-4">
               <div className="flex flex-col flex-wrap justify-between gap-4 sm:flex-row">
                 <Tab tabs={tabs} variant="stepper" />
                 <div className="self-end pt-0.5">
@@ -552,7 +552,7 @@ function PrevNextButtons({
   setScreen: (screen: BuilderScreen) => void;
 }) {
   return (
-    <div className="flex pt-6">
+    <div className="flex flex-grow items-end pt-6">
       {screen !== "instructions" && (
         <Button
           label="Previous"

diff --git a/front/components/sparkle/AppLayout.tsx b/front/components/sparkle/AppLayout.tsx
@@ -411,8 +411,9 @@ export default function AppLayout({
           <div
             className={classNames(
               "fixed left-0 right-0 top-0 z-30 flex flex-col pl-12 lg:pl-0",
-              !hideSidebar ? "lg:left-80" : "",
-              "border-b border-structure-300/30 bg-white/80 backdrop-blur",
+              !hideSidebar
+                ? "border-b border-structure-300/30 bg-white/80 backdrop-blur lg:left-80"
+                : "",
               titleChildren ? "fixed" : "lg:hidden"
             )}
           >