prometheus/web/ui/mantine-ui
Julius Volz 3d2194f561 Style cleanups, mostly for web notifications and startup alert
Some of the changes are a bit unreadable because the previous files were not
saved with the project's linter / auto-formatter settings applied. But it's
basically:

* For icons that are not Mantine-native components, use the rem() function
  for computing their size, so they scale correctly with the root font size.
  See https://mantine.dev/styles/rem/.
* Try a different icon for the notifications tray, since the bell icon was
  already used for Prometheus alerts. Other candidates from
  https://tabler.io/icons would be IconExclamationCircle or
  IconDeviceDesktopExclamation or IconMessageCircleExclamation.
* The server startup alert looked a bit cramped, introduced a Stack to add
  spacing between the text and the progress bar.
* Added a bit of spacing between notification text and date. Things looked
  cramped. To make things look ok with that, I also top-aligned the
  notification text and icon.

Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-10-04 14:14:45 +02:00
..
public
src Style cleanups, mostly for web notifications and startup alert 2024-10-04 14:14:45 +02:00
.gitignore
eslint.config.mjs
index.html
package.json Merge pull request #15061 from prometheus/dependabot/npm_and_yarn/web/ui/postcss-8.4.47 2024-10-02 08:24:41 +02:00
postcss.config.cjs
tsconfig.json
tsconfig.node.json
vite.config.ts
vitest.config.ts