#CSS not being applied correctly in Bun

2 messages · Page 1 of 1 (latest)

thin ridge
#

So I know I have made a post before about this, but it's just odd how like most of the style is correct. But then the style for modals, spotlight and others are just off. Bun works great with tailwind and just css in general. I have uploaded a sample project here: https://github.com/lucaslevin/bun-mantine - I really want to solve this as I think the stack is amazing and want to use Mantine. I do not think it is Bun issue.

GitHub

Contribute to lucaslevin/bun-mantine development by creating an account on GitHub.

thin ridge
#

So I fixed the spotlight by moving the import '@mantine/spotlight/styles.css' before import '@mantine/core/styles.css'. And then the shadow I fixed to doing: const theme = createTheme({ shadows: { xs: '0 1px 2px rgba(0, 0, 0, 0.05)', sm: '0 1px 3px rgba(0, 0, 0, 0.1)', md: '1px 1px 3px rgba(0, 0, 0, 0.25)', lg: '0 10px 15px rgba(0, 0, 0, 0.2)', xl: '5px 5px 15px rgba(0, 0, 0, 0.25)', }, });