frontend/new: ongoing experiment with button layout styling

sagemathinc · Oct 16, 2024 · 022b806 · 022b806
1 parent f3bdfd6
commit 022b806
Show file tree

Hide file tree

Showing 4 changed files with 333 additions and 289 deletions.
diff --git a/src/packages/frontend/project/new/add-ai-gen-btn.tsx b/src/packages/frontend/project/new/add-ai-gen-btn.tsx
@@ -3,10 +3,10 @@
  *  License: MS-RSL – see LICENSE.md for details
  */
 
-import { Col, Flex } from "antd";
+import { Col, Flex, Space } from "antd";
 
+import { AIGenerateDocumentButton } from "@cocalc/frontend/project/page/home-page/ai-generate-document";
 import { Ext } from "@cocalc/frontend/project/page/home-page/ai-generate-examples";
-import { AIGenerateDocumentButton } from "../page/home-page/ai-generate-document";
 
 interface Props {
   btn: JSX.Element;
@@ -38,10 +38,10 @@ export function AiDocGenerateBtn({ btn, grid, ext, filename, mode }: Props) {
     );
   } else {
     return (
-      <Col sm={sm} md={md} key={`with-ai-${ext}`}>
+      <Space direction="vertical">
         {btn}
         <AIGenerateDocumentButton mode="full" ext={ext} filename={filename} />
-      </Col>
+      </Space>
     );
   }
 }