diff options
| author | Eltrac <hi@guhub.cn> | 2025-08-17 22:58:26 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-08-17 22:58:26 +0800 |
| commit | 54352c162097d68599b4cf2850ab22461a3da773 (patch) | |
| tree | 067c2766b66df57049e3e2db07836b83a072ad7e | |
| parent | ac34b59df5e4e5552005282f7600652cdeff0f81 (diff) | |
feat: add shade masks to create a foggy vibe
Former-commit-id: d88010d6b48b3be18fd6354b303a9135f58c4c00
| -rw-r--r-- | layouts/_partials/components/shade-mask.html | 7 | ||||
| -rw-r--r-- | layouts/baseof.html | 3 |
2 files changed, 9 insertions, 1 deletions
diff --git a/layouts/_partials/components/shade-mask.html b/layouts/_partials/components/shade-mask.html new file mode 100644 index 00000000..3345f2a0 --- /dev/null +++ b/layouts/_partials/components/shade-mask.html @@ -0,0 +1,7 @@ +<!-- 上渐变 --> +<div class="pointer-events-none fixed top-0 left-0 w-full h-22 z-20 + bg-gradient-to-b from-white to-transparent dark:from-neutral-900"></div> + +<!-- 下渐变 --> +<div class="pointer-events-none fixed bottom-0 left-0 w-full h-22 z-20 + bg-gradient-to-t from-white to-transparent dark:from-neutral-900"></div> diff --git a/layouts/baseof.html b/layouts/baseof.html index bb961828..21a6743e 100644 --- a/layouts/baseof.html +++ b/layouts/baseof.html @@ -3,8 +3,9 @@ {{ partial "head.html" . }} <body> {{ partial "components/svg-filters.html" . }} - <main class="my-[var(--page-margin-y)]"> + <main class="my-[var(--page-margin-y)] relative"> {{ block "main" . }}{{ end }} + {{ partial "components/shade-mask" . }} </main> {{ partial "scripts.html" . }} {{ partial "components/global-search" . }} |