jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: styles for light mode (#1645)

Browse Source
This commit is contained in:
Meier Lukas
2024-12-14 15:19:18 +01:00
committed by GitHub
parent da63d8ebf4
commit cf9656d91e
9 changed files with 28 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/nextjs/src/app/[locale]/manage/_components/hero-banner.module.css
View File

@@ -1,12 +1,22 @@
.bannerContainer {
border-radius: 8px;
overflow: hidden;
background: linear-gradient(
130deg,
#fa52521f 0%,
var(--mantine-color-dark-6) 35%,
var(--mantine-color-dark-6) 100%
) !important;
@mixin dark {
background: linear-gradient(
130deg,
#fa52521f 0%,
var(--mantine-color-dark-6) 35%,
var(--mantine-color-dark-6) 100%
) !important;
}
@mixin light {
background: linear-gradient(
130deg,
#fa52521f 0%,
var(--mantine-color-gray-3) 35%,
var(--mantine-color-gray-3) 100%
) !important;
}
}
.scrollContainer {

2
apps/nextjs/src/app/[locale]/manage/_components/hero-banner.tsx
View File

@@ -32,9 +32,9 @@ const icons = [
const countIconGroups = 3;
const animationDurationInSeconds = 12;
const arrayInChunks = splitToNChunks(icons, countIconGroups);
export const HeroBanner = () => {
const arrayInChunks = splitToNChunks(icons, countIconGroups);
const gridSpan = 12 / countIconGroups;
return (