nextine/src/layouts/containers/Admin/Header/Header.module.css

Admin Template with NextJS & Mantine UI v7

.header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: 70px;
  max-height: 70px;
  position: fixed;
  box-sizing: border-box;
  padding: 1rem var(--mantine-navbar-width, 3rem) 1rem
    var(--mantine-navbar-width, 7rem);
  background-color: light-dark(
    var(--mantine-color-white),
    var(--mantine-color-dark-7)
  );
  border-bottom: rem(1px) solid
    light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-4));
}