jacob-8/kitbook

Header styles look strange on mobile

Brisklemonade opened this issue · 3 comments

On my IPhone in Safari, the header styles look fine on white backgrounds. However when the background changes it starts to look unpleasant.

image

The gradient is by design but I may consider doing something more standard like seen on https://vitejs.dev/guide/ - alternatively, https://vitest.dev/guide gives a good example of a blur instead of a gradient to offset the header.

The blur is a nice effect, just remember that it isn't supported by firefox!

Simplified to white background with border in v0.0.15 - see https://kitbook.vercel.app/1-get-started for example