diff --git a/README.md b/README.md index 9a2082c..08dfdf9 100644 --- a/README.md +++ b/README.md @@ -33,6 +33,8 @@ Features: * [🚄 Stress Test](https://nocode-js.github.io/sequential-workflow-designer/examples/stress-test.html) * [🚪 Editing Restrictions](https://nocode-js.github.io/sequential-workflow-designer/examples/editing-restrictions.html) * [📜 Scrollable Page](https://nocode-js.github.io/sequential-workflow-designer/examples/scrollable-page.html) +* [React Demo](https://nocode-js.github.io/sequential-workflow-designer/react-app/) +* [Angular Demo](https://nocode-js.github.io/sequential-workflow-designer/angular-app/) Pro: diff --git a/demos/angular-app/src/main.ts b/demos/angular-app/src/main.ts index e7095a9..c4db1a1 100644 --- a/demos/angular-app/src/main.ts +++ b/demos/angular-app/src/main.ts @@ -2,6 +2,8 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app/app.module'; -platformBrowserDynamic() - .bootstrapModule(AppModule) - .catch(err => console.error(err)); +window.addEventListener('load', () => { + platformBrowserDynamic() + .bootstrapModule(AppModule) + .catch(err => console.error(err)); +}, false); diff --git a/demos/react-app/package.json b/demos/react-app/package.json index cfd1a5b..506e6cd 100644 --- a/demos/react-app/package.json +++ b/demos/react-app/package.json @@ -2,7 +2,7 @@ "name": "sequential-workflow-designer-react-app-demo", "version": "0.0.0", "private": true, - "homepage": "/sequential-workflow-designer/react-app/", + "homepage": "./", "dependencies": { "react": "^18.2.0", "react-dom": "^18.2.0", diff --git a/demos/react-app/src/App.tsx b/demos/react-app/src/App.tsx index 481b11d..4b15665 100644 --- a/demos/react-app/src/App.tsx +++ b/demos/react-app/src/App.tsx @@ -23,6 +23,9 @@ export function App() { + + GitHub + {path === 'playground' && } {path === 'nativeEditors' && } diff --git a/demos/react-app/src/index.css b/demos/react-app/src/index.css index d07a308..8bb3411 100644 --- a/demos/react-app/src/index.css +++ b/demos/react-app/src/index.css @@ -32,6 +32,18 @@ nav button.selected { nav button:hover { opacity: 0.8; } +nav .github { + margin: 0 5px; + color: #fff; +} +nav .github:hover { + text-decoration: none; +} +@media only screen and (max-width: 700px) { + nav h1 { + display: none; + } +} .sqd-designer-react { width: 100vw;