mirror of
https://github.com/docmost/docmost.git
synced 2026-07-12 10:24:45 +10:00
678c6f5f3f
The .grid had a 1px outer border + small radius drawing a rounded rectangle around the whole table. In standalone full-page mode that reads as a panel and is fine. In an inline embed it looked like a floating box, especially with the leftward padded area inside the border. Make the outer border and radius CSS vars; the embed wrapper sets them to none/0 so inline databases get only cell-level gridlines, matching Notion's document-style rendering. Standalone bases get the default 1px panel frame as before.
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