854bfee0c6
For a while, there've been a couple design issues with our top bar that have been bothering me: ![image](https://github.com/tldraw/tldraw/assets/1489520/55355b7c-7ff2-4843-841c-5e53cbd788b2) This diff: - Makes the document title and share button have the same height and vertical alignment - Vertically centers the share button between the top of the viewport and the share panel - Aligns the right of the share button to the right of the style panel <img width="1512" alt="Screenshot 2024-03-18 at 16 08 09" src="https://github.com/tldraw/tldraw/assets/1489520/b06f3604-39c7-4642-872c-c4051719638e"> <img width="1512" alt="Screenshot 2024-03-18 at 16 08 18" src="https://github.com/tldraw/tldraw/assets/1489520/668c66e4-6f75-4219-9c1f-0ac58ce56f67"> Also tweaking some of the spacing and radiuses around the document title itself to get things ✨pixel perfect✨ Before: <img width="395" alt="Screenshot 2024-03-19 at 15 23 05" src="https://github.com/tldraw/tldraw/assets/1489520/3e5d0cf7-3d62-4424-a52a-e6eb89b69394"> After: <img width="378" alt="Screenshot 2024-03-19 at 15 22 27" src="https://github.com/tldraw/tldraw/assets/1489520/afcb9c39-7b74-424c-a479-9a73fe4e74b1"> ### Change Type - [x] `dotcom` — Changes the tldraw.com web app - [x] `bugfix` — Bug fix |
||
---|---|---|
.. | ||
docs | ||
dotcom | ||
dotcom-asset-upload | ||
dotcom-bookmark-extractor | ||
dotcom-worker | ||
examples | ||
health-worker | ||
huppy | ||
vscode |