nice quote and logo bottom full motto

packages/components/logo/full.tsx

@@ -7,7 +7,7 @@ export default function FullLogo({
   className,
   type,
 }: {
-  className: string;
+  className?: string;
   type?: LogoType;
 }) {
   if (type === LogoType.small) {

packages/components/logo/fullMotto.tsx

@@ -7,15 +7,15 @@ export default function FullMottoLogo({
   className,
   type,
 }: {
-  className: string;
+  className?: string;
   type?: LogoType;
 }) {
   if (type === LogoType.small) {
     return (
       <svg
         className={className}
-        width="233"
+        width="125"
-        height="204"
+        height="100"
         viewBox="0 0 233 204"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"

packages/desktop/src/components/header/index.tsx

@@ -129,15 +129,14 @@ export default function NirvanaHeader({
         className="flex flex-row items-center bg-gray-100 p-4 border-b border-b-gray-200"
         id="titlebar"
       >
-        {desktopMode === "flowState" ? (
+        <Tooltip
-          <HorizontalLogo type={LogoType.small} />
+          title={desktopMode === "flowState" ? "unplugged" : "connected"}
-        ) : (
+          placement="right"
-          <Tooltip title={"connected"} placement="right">
+        >
-            <div onClick={onHeaderFocus}>
+          <div onClick={onHeaderFocus}>
-              <Logo type="small" />
+            <Logo type="small" />
-            </div>
+          </div>
-          </Tooltip>
+        </Tooltip>
-        )}
 
         {!shouldHideSearch && (
           <div className="mx-auto flex flex-row items-center space-x-2">

packages/desktop/src/pages/router/index.tsx

@@ -11,7 +11,9 @@ import Channels, {
 import { useCallback, useEffect, useState } from "react";
 import { useRecoilState, useRecoilValue } from "recoil";
 
+import FullMottoLogo from "../../../../components/logo/fullMotto";
 import { LineDataProvider } from "../../controller/lineDataProvider";
+import { LogoType } from "@nirvana/components/logo/full";
 import NirvanaHeader from "../../components/header/index";
 import NirvanaTerminal from "../terminal";
 import Overlay from "../overlay";
@@ -122,12 +124,16 @@ function FlowState() {
   }, []);
 
   return (
-    <div className="flex flex-row flex-1 justify-center items-center">
+    <div className="flex flex-col flex-1 justify-center items-center relative">
       {/* <img src="https://source.unsplash.com/random/?nature" /> */}
+      <FullMottoLogo
+        type={LogoType.small}
+        className={"absolute bottom-2 mx-auto"}
+      />
 
       {quote && (
         <span className="flex flex-col justify-center items-center max-w-screen-sm">
-          <span className="text-xl text-gray-800 font-semibold">
+          <span className="text-xl text-gray-800 font-semibold text-center">
             "{quote.content}"
           </span>
           <span className="tex-md italic text-gray-400">{quote.author}</span>