docs: Mobile fixes

[matthewlipski]

This PR hides the editor below a certain screen size and fixes z-index of hamburger menu

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
blocknote	✅ Ready (Inspect)	Visit Preview	Mar 8, 2024 4:30pm
blocknote-website	✅ Ready (Inspect)	Visit Preview	Mar 8, 2024 4:30pm

[YousefED]

How are you hiding the editor now?

previously we used:

  @media only screen and (hover: none) and (pointer: coarse) {
    display: none; /* disable on mobile */
  }

to disable the editor on touch screen devices

see

BlockNote/packages/website/docs/.vitepress/theme/components/Hero/Hero.vue

Line 95 in 2f0bada

@media only screen and (hover: none) and (pointer: coarse) {

[matthewlipski]

How are you hiding the editor now?

previously we used:

  @media only screen and (hover: none) and (pointer: coarse) {
    display: none; /* disable on mobile */
  }

to disable the editor on touch screen devices

see

BlockNote/packages/website/docs/.vitepress/theme/components/Hero/Hero.vue

Line 95 in 2f0bada

@media only screen and (hover: none) and (pointer: coarse) {

Fixed, now uses the same query