Add files via upload

ComPlat · Nov 2, 2023 · 1a688d8 · 1a688d8
1 parent dfc9c6c
commit 1a688d8
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/docs/labimotion/guides/designer/components/index.mdx b/docs/labimotion/guides/designer/components/index.mdx
@@ -4,7 +4,7 @@ author: Claire Lin
 sidebar_position: 4
 ---
 
-import { FigCaption, SubTitle } from '../../../layout';
+import { FigCaption, SubTitle } from '@site/src/js/layout';
 
 <SubTitle text="Create what you require using a variety of components" />
 

diff --git a/docs/labimotion/guides/designer/index.mdx b/docs/labimotion/guides/designer/index.mdx
@@ -5,7 +5,7 @@ sidebar_position: 3
 ---
 
 import DocCardList from '@theme/DocCardList';
-import { FigCaption, SubTitle, YouTubeFrame, Reader } from '../../layout';
+import { FigCaption, SubTitle, YouTubeFrame, Reader } from '@site/src/js/layout';
 import designerMenu from '@site/static/img/labimotion/generic-designer-menu.png';
 
 <SubTitle text="Designer supports a wild range of component types, from simple text field to table, and allow to set up a workflow." />

diff --git a/docs/labimotion/template-sync-and-publish.mdx b/docs/labimotion/template-sync-and-publish.mdx
@@ -4,7 +4,7 @@ author: Claire Lin
 sidebar_position: 2
 ---
 
-import { FigCaption, SubTitle, YouTubeFrame } from './layout';
+import { FigCaption, SubTitle, YouTubeFrame } from '@site/src/js/layout';
 
 # Template Sync & Publish
 

diff --git a/src/js/layout.js b/src/js/layout.js
@@ -0,0 +1,6 @@
+import React from 'react';
+
+export const SubTitle = ({ text }) => (<h3 className="subTitle">{text}</h3>);
+export const FigCaption = ({ text }) => (<h3 className="figCaption">{text}</h3>);
+export const YouTubeFrame = ({ src, title }) => (<iframe className="fit-container" src={src} title={title} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />);
+export const Reader = ({ text }) => (<span className="theme-doc-version-badge badge badge--secondary reader-badge">Reader: {text}</span>);