reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-17 12:01:33 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update pinned icon position, scrollbar style and katex mathematical demo

Browse source
This commit is contained in:
radishzzz 2025-04-03 00:20:44 +01:00
parent d2ca808197
commit f3edfba62d
9 changed files with 783 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/PostList.astro
View file

@ -45,13 +45,14 @@ function getPostPath(post: Post) {
data-disable-transition-on-theme
>
{post.data.title}
{/* pinned icon */}
{pinned && (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
aria-hidden="true"
class="ml-1 inline-block aspect-square w-3.7 shrink-0 translate-y--0.45 lg:(ml-1.8 w-4 translate-y--0.55)"
class="ml-1 inline-block aspect-square w-3.7 shrink-0 translate-y--0.45 lg:(ml-1.2 w-4.1)"
fill="currentColor"
>
<path d="M16.5 23.6c.6-6.1 1.1-8.6 7.2-15.5L15.9.4C9 6.5 6.5 7 .4 7.5l7.4 7.4-6.4 7 .7.7 7-6.4zm-.8-21.3 6 6c-5 6.1-5.7 8.1-6.2 12.2L3.4 8.5C7.5 8 9.5 7.3 15.6 2.3Z" />

18
src/components/Widgets/Scrollbar.astro
View file

@ -73,9 +73,9 @@ document.addEventListener('astro:after-swap', setupScrollbar)
@import 'overlayscrollbars/overlayscrollbars.css';
.scrollbar-body {
--os-size: 0.9rem;
--os-padding-perpendicular: 0.2rem;
--os-padding-axis: 0.4rem;
--os-size: 0.8rem;
--os-padding-perpendicular: 0.1rem;
--os-padding-axis: 0.2rem;
--os-handle-border-radius: 99rem;
--os-handle-perpendicular-size: 75%;
--os-handle-perpendicular-size-hover: 100%;
@ -89,17 +89,17 @@ document.addEventListener('astro:after-swap', setupScrollbar)
}
.scrollbar-widget {
--os-size: 0.6rem;
--os-padding-perpendicular: 0.1rem;
--os-padding-axis: 0.2rem;
--os-size: 0.5rem;
--os-padding-perpendicular: 0;
--os-padding-axis: 0;
--os-handle-border-radius: 99rem;
--os-handle-perpendicular-size: 75%;
--os-handle-perpendicular-size-hover: 100%;
--os-handle-perpendicular-size-active: 100%;
--os-handle-interactive-area-offset: 0.1rem;
--os-handle-bg: oklch(var(--un-preset-theme-colors-secondary) / 0.20);
--os-handle-bg-hover: oklch(var(--un-preset-theme-colors-secondary) / 0.35);
--os-handle-bg-active: oklch(var(--un-preset-theme-colors-secondary) / 0.35);
--os-handle-bg: oklch(var(--un-preset-theme-colors-secondary) / 0.15);
--os-handle-bg-hover: oklch(var(--un-preset-theme-colors-secondary) / 0.25);
--os-handle-bg-active: oklch(var(--un-preset-theme-colors-secondary) / 0.25);
--os-handle-min-size: 12%;
}