Set base url for storybook using env var

.github/workflows/deploy-docsite.yml

@@ -41,7 +41,7 @@ jobs:
               working-directory: docs/
 
             - name: Build Storybook
-              run: yarn build-storybook
+              run: IS_OFFICIAL=1 yarn build-storybook
             # Copy the storybook static site into the docsite output and copy the assets from the main repo into the assets dir of the docsite output.
             # It needs to be in assets/assets because assets/ gets served from the / root of the site and storybook expects to find assets in /assets/
             - name: Copy Storybook to docs

.storybook/main.ts

@@ -38,5 +38,17 @@ const config: StorybookConfig = {
     },
 
     staticDirs: [{ from: "../assets", to: "/assets" }],
+    managerHead: (head) => `
+        ${head}
+        <link rel="shortcut icon" href="/assets/waveterm-logo-with-bg.ico" />
+        <link rel="icon" type="image/png" href="/assets/waveterm-logo-with-bg.png" sizes="250x250" />
+        <style>
+        .sidebar-header img {
+            max-width: 150px !important;
+            max-height: 100px !important;
+        }
+        </style>
+        <base href="${process.env.IS_OFFICIAL ? "/storybook" : "/"}" />
+`,
 };
 export default config;