mirror of
https://github.com/drawdb-io/drawdb.git
synced 2026-06-01 02:00:44 +08:00
Felix Zedén Yverås
caae8e7385
Some mobile browsers (e.g. chrome) uses collapsing url bars (the bar collapses when you scroll). In such cases, `100vh` typically refers to the full height of the viewport when the url bar is collapsed (see also `svh`, `lvh` and `dvh`, e.g. at <https://ishadeed.com/article/new-viewport-units/#the-small-large-and-dynamic-viewport-units> ). This meant that on my tablet, the editor would extend below the visible page until I scrolled it into view. This commit re-uses a fix from some of my other projects (specifically <https://github.com/dansdata-se/api/blob/5c7e788d40006097a258be5dbfe456cb260fa25f/src/styles/globals.css#L14-L28> ) where the root element is set to fill 100% height. This avoids dealing with viewport units altogether. On my tablet, this means that the url bar is visible and that the editor does not extend below the visible page.
Free, simple, and intuitive database design tool and SQL generator.
drawDB
DrawDB is a robust and user-friendly database entity relationship (DBER) editor right in your browser. Build diagrams with a few clicks, export sql scripts, customize your editor, and more without creating an account. See the full set of features here.
Getting Started
Local Development
git clone https://github.com/drawdb-io/drawdb
cd drawdb
npm install
npm run dev
Build
git clone https://github.com/drawdb-io/drawdb
cd drawdb
npm install
npm run build
Docker Build
docker build -t drawdb .
docker run -p 3000:80 drawdb
Set up the server and environment variables according to .env.sample for the survey and bug report forms.