mirror of
https://github.com/docmost/docmost.git
synced 2026-06-10 10:13:01 +08:00
e0e87329f4
When a base is embedded inline in a doc page, measure the parent container's available area and extend toolbar + grid sections to fill it via CSS variables (--embed-width / --embed-shift / --embed-pad). Inner content is re-padded so toolbar buttons and the first column visually align with the page text, while the box itself reaches the viewport edges for horizontal scroll headroom on wide databases. Sticky inset-inline-start keeps the toolbar pinned to the page-content edge during horizontal scroll. Standalone full-page bases are unaffected (the embedded prop defaults to false).
React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
Expanding the ESLint configuration
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level
parserOptionsproperty like this:
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
project: ['./tsconfig.json', './tsconfig.node.json'],
tsconfigRootDir: __dirname,
},
- Replace
plugin:@typescript-eslint/recommendedtoplugin:@typescript-eslint/recommended-type-checkedorplugin:@typescript-eslint/strict-type-checked - Optionally add
plugin:@typescript-eslint/stylistic-type-checked - Install eslint-plugin-react and add
plugin:react/recommended&plugin:react/jsx-runtimeto theextendslist