diff --git a/packages/base/src/plugin-tailwind.ts b/packages/base/src/plugin-tailwind.ts index 7b47f2f..2b188b7 100644 --- a/packages/base/src/plugin-tailwind.ts +++ b/packages/base/src/plugin-tailwind.ts @@ -49,14 +49,12 @@ export const plugin = tailwindPlugin.withOptions( '& [data-viewfinder="menu"] > *': { 'width': '100%', 'height': '100%', - 'display': 'grid', - 'place-content': 'center', + 'position': 'relative', }, '& [data-viewfinder="user"] > *': { 'width': '100%', 'height': '100%', - 'display': 'grid', - 'place-content': 'center', + 'position': 'relative', }, [`@media (min-width: ${baseWidth * 3}px)`]: { '& ~ [data-viewfinder="main"] ~ *': { diff --git a/packages/kitchen-sink/react-next/package.json b/packages/kitchen-sink/react-next/package.json index 4d679c3..0273e5b 100644 --- a/packages/kitchen-sink/react-next/package.json +++ b/packages/kitchen-sink/react-next/package.json @@ -9,8 +9,8 @@ "lint": "next lint" }, "dependencies": { - "@tesseract-design/viewfinder-base": "workspace:*", - "@tesseract-design/viewfinder-react": "workspace:*", + "@tesseract-design/viewfinder-base": "workspace:*", + "@tesseract-design/viewfinder-react": "workspace:*", "@types/node": "20.4.5", "@types/react": "18.2.17", "@types/react-dom": "18.0.6", @@ -21,6 +21,7 @@ "postcss": "^8.4.27", "react": "18.2.0", "react-dom": "18.2.0", + "react-markdown": "^8.0.7", "tailwindcss": "^3.3.3", "typescript": "5.1.6" } diff --git a/packages/kitchen-sink/react-next/src/pages/layouts/basic.tsx b/packages/kitchen-sink/react-next/src/pages/layouts/basic.tsx index a2e8ddd..6008ecd 100644 --- a/packages/kitchen-sink/react-next/src/pages/layouts/basic.tsx +++ b/packages/kitchen-sink/react-next/src/pages/layouts/basic.tsx @@ -22,6 +22,7 @@ const BasicLayoutPage: NextPage = ({ span={span} userLink={ = ({ open: 'sidebar', }, }} + className="w-full h-full flex items-center justify-center" > Menu @@ -82,6 +83,7 @@ const LeftSidebarLayoutPage: NextPage = ({ open: 'sidebar', }, }} + className="w-full h-full flex items-center justify-center" > User diff --git a/packages/kitchen-sink/react-next/src/pages/layouts/left-sidebar/alternate.tsx b/packages/kitchen-sink/react-next/src/pages/layouts/left-sidebar/alternate.tsx index 9e6cb09..528ab5a 100644 --- a/packages/kitchen-sink/react-next/src/pages/layouts/left-sidebar/alternate.tsx +++ b/packages/kitchen-sink/react-next/src/pages/layouts/left-sidebar/alternate.tsx @@ -130,6 +130,7 @@ const LeftSidebarWithMenuLayoutPage: NextPage { } userLink={ { userLink={ User diff --git a/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar-with-menu.tsx b/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar-with-menu.tsx index ab2ac51..2a81fee 100644 --- a/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar-with-menu.tsx +++ b/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar-with-menu.tsx @@ -47,6 +47,7 @@ const MoreLinkComponent: FC = ({ const menuLink = ( Menu @@ -55,6 +56,7 @@ const menuLink = ( const userLink = ( User diff --git a/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar._index.tsx b/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar._index.tsx index 7b3cd5c..0d596a8 100644 --- a/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar._index.tsx +++ b/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar._index.tsx @@ -60,6 +60,7 @@ const LeftSidebarLayoutPage = () => { } menuLink={ Menu @@ -67,6 +68,7 @@ const LeftSidebarLayoutPage = () => { } userLink={ User diff --git a/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar.alternate.tsx b/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar.alternate.tsx index ad61bc0..c236c70 100644 --- a/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar.alternate.tsx +++ b/packages/kitchen-sink/react-remix/app/routes/layouts.left-sidebar.alternate.tsx @@ -114,6 +114,7 @@ const LeftSidebarWithMenuLayoutPage = () => { } userLink={ User diff --git a/packages/kitchen-sink/react-remix/app/routes/layouts.right-sidebar-static.tsx b/packages/kitchen-sink/react-remix/app/routes/layouts.right-sidebar-static.tsx index ffcc2fd..9c352ed 100644 --- a/packages/kitchen-sink/react-remix/app/routes/layouts.right-sidebar-static.tsx +++ b/packages/kitchen-sink/react-remix/app/routes/layouts.right-sidebar-static.tsx @@ -54,6 +54,7 @@ const RightSidebarStaticLayoutPage = () => { } userLink={ User diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 10ec1c0..a7345ef 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -75,6 +75,9 @@ importers: react-dom: specifier: 18.2.0 version: 18.2.0(react@18.2.0) + react-markdown: + specifier: ^8.0.7 + version: 8.0.7(@types/react@18.2.17)(react@18.2.0) tailwindcss: specifier: ^3.3.3 version: 3.3.3 @@ -9155,6 +9158,33 @@ packages: - supports-color dev: false + /react-markdown@8.0.7(@types/react@18.2.17)(react@18.2.0): + resolution: {integrity: sha512-bvWbzG4MtOU62XqBx3Xx+zB2raaFFsq4mYiAzfjXJMEz2sixgeAfraA3tvzULF02ZdOMUOKTBFFaZJDDrq+BJQ==} + peerDependencies: + '@types/react': '>=16' + react: '>=16' + dependencies: + '@types/hast': 2.3.5 + '@types/prop-types': 15.7.5 + '@types/react': 18.2.17 + '@types/unist': 2.0.7 + comma-separated-tokens: 2.0.3 + hast-util-whitespace: 2.0.1 + prop-types: 15.8.1 + property-information: 6.2.0 + react: 18.2.0 + react-is: 18.2.0 + remark-parse: 10.0.2 + remark-rehype: 10.1.0 + space-separated-tokens: 2.0.2 + style-to-object: 0.4.1 + unified: 10.1.2 + unist-util-visit: 4.1.2 + vfile: 5.3.7 + transitivePeerDependencies: + - supports-color + dev: false + /react-refresh@0.14.0: resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==} engines: {node: '>=0.10.0'}