development/1c7d2912-f512-4bf2-acfc-9daec0558aa9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto-commit: add shadow gradient at the bottom of the screen

Browse Source
This commit is contained in:
kudindmitriy
2026-01-15 10:52:54 +01:00
parent ba4af75ff9
commit 951d50dc29
2 changed files with 41 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/globals.css
View File

@@ -98,6 +98,16 @@
--width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px);
--width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
body::after {
content: '';
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
z-index: -1;
}
html {
scroll-behavior: smooth;
}