karlm/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update polka background styling in global CSS and adjust Section component padding for improved layout and visual consistency.

Browse source
This commit is contained in:
Mike Karl 2025-10-28 20:17:09 +01:00
parent 32ba396695
commit 1071b06874
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/components/section.tsx
View file

@ -19,7 +19,7 @@ export default function Section({
const variantClasses = { const variantClasses = {
default: "bg-stone-900", default: "bg-stone-900",
hero: "polka lg:pt-40", hero: "polka pt-20 lg:pt-40",
minimal: "bg-transparent" minimal: "bg-transparent"
}; };

12
app/globals.css
View file

@ -15,12 +15,24 @@ body {
} }
.polka{ .polka{
overflow: hidden;
}
.polka::before{
content: "";
position: absolute;
width: 10000%;
height: 10000%;
top: -5000%;
left: -5000%;
z-index: -1;
background-image: radial-gradient(#0c0a09 20%, #292524 22%); background-image: radial-gradient(#0c0a09 20%, #292524 22%);
background-size: 80px 80px; background-size: 80px 80px;
animation-name: background_keyframes; animation-name: background_keyframes;
animation-duration: 8s; animation-duration: 8s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-timing-function: linear; animation-timing-function: linear;
transform: rotate(30deg);
} }
@keyframes background_keyframes { @keyframes background_keyframes {