Change layout of first message from Scout (#640)

Resolves: #638 <img width="886" alt="638" src="https://github.com/tahowallet/dapp/assets/28560653/bf6e5ce6-476a-4bf7-8c11-f11a2cbdb317">
tahowallet · Nov 6, 2023 · acd399e · acd399e
2 parents 53e5f4a + 3c128cc
commit acd399e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/ui/Assistant/AssistantContent/AssistantWelcome.tsx b/src/ui/Assistant/AssistantContent/AssistantWelcome.tsx
@@ -11,6 +11,7 @@ export default function AssistantWelcome() {
     <>
       <AssistantContent
         isVisible={assistantVisible("welcome")}
+        style={{width: 620}}
         close={() => updateAssistant({ visible: false, type: "default" })}
       >
         <div className="header">Welcome to Subscape, Nomad</div>
@@ -23,8 +24,7 @@ export default function AssistantWelcome() {
           <Icon src={realmPointer} type="image" height="37px" width="30px" />
           <p>
             <strong>
-              Start exploring by hovering
-              <br /> over our 5 Beta Realms
+              Start exploring by hovering over our 5 Beta Realms
             </strong>
           </p>
         </div>

diff --git a/src/ui/Assistant/AssistantContent/index.tsx b/src/ui/Assistant/AssistantContent/index.tsx
@@ -7,12 +7,14 @@ import closeIcon from "shared/assets/icons/s/close.svg"
 export type AssistantContentProps = {
   isVisible: boolean
   close: () => void
+  style?: React.CSSProperties
 }
 
 export default function AssistantContent({
   children,
   isVisible,
   close,
+  style,
 }: AssistantContentProps & { children: ReactNode }) {
   const transition = useVisibilityTransition(isVisible)
 
@@ -29,6 +31,7 @@ export default function AssistantContent({
           padding: "24px 32px 32px",
           width: 375,
           pointerEvents: isVisible ? "all" : "none",
+          ...style,
         }}
       >
         <button