reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 19:51:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: redrawing icons and harmonizing icon styles

Browse source
This commit is contained in:
radishzzz 2025-04-02 00:27:01 +01:00
parent d4579396a6
commit 5cf09194d8
14 changed files with 109 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/Widgets/GoBack.astro
View file

@ -1,7 +1,7 @@
<button
id="back-button"
class="hidden"
lg="block absolute c-secondary/50 left--10 top-1/2 aspect-square w-4.5 translate-y--1/2 c-secondary active:scale-90 hover:c-primary"
lg="block absolute c-secondary/25 left--10 top-1/2 aspect-square w-4.5 translate-y--1/2 transition-colors ease-out c-secondary active:scale-90 hover:c-primary/60"
aria-label="Back to home"
>
<svg
@ -10,7 +10,7 @@
aria-hidden="true"
fill="currentColor"
>
<path d="M16.6 1.9 4.3 12l12.3 10.1.3 1.6h.8l-.5-5.5h-.8l.1 2.5L6.6 12l9.9-8.7-.1 2.5h.8l.5-5.5h-.8z"></path>
<path d="M17.9.6 4 12l13.8 11.4.7-.9L7.2 12 18.5 1.5l-.7-.9Z"></path>
</svg>
</button>

6
src/components/Widgets/TOC.astro
View file

@ -20,7 +20,7 @@ const filteredHeadings = headings.filter(heading =>
{filteredHeadings.length > 0 && (
<div
class="mb-6 bg-secondary/5 2xl:(fixed left-0 top-53 max-w-[min(calc(50vw-38rem),13rem)] border-none bg-transparent)"
class="mb-6 bg-secondary/5 2xl:(fixed left-0 top-43.5 max-w-[min(calc(50vw-38rem),13rem)] border-none bg-transparent)"
border="~ secondary/5 rounded solid"
>
<input
@ -32,7 +32,7 @@ const filteredHeadings = headings.filter(heading =>
<div class="relative h-12 w-full bg-transparent">
<label
for="toc-toggle"
class="absolute inset-0 flex cursor-pointer items-center 2xl:(static h-max w-max flex c-secondary/60 transition-colors ease-in hover:c-secondary)"
class="absolute inset-0 flex cursor-pointer items-center 2xl:(static h-max w-max flex c-secondary/25 transition-colors ease-out hover:c-secondary/60)"
>
<span class="toc-title">
{currentUI.toc}
@ -45,7 +45,7 @@ const filteredHeadings = headings.filter(heading =>
fill="currentColor"
class="ml-4 hidden aspect-square w-4.2 2xl:(mt-4 block origin-center active:scale-90)"
>
<path d="m12 1c-6.1 0-11 4.9-11 11s4.9 11 11 11 11-4.9 11-11-4.9-11-11-11m0 20c-5.8 0-10.5-4-10.5-9s4.7-9 10.5-9 10.5 4 10.5 9-4.7 9-10.5 9" />
<path d="M22.2 2.3H1.8v1.6h19.8zM1.8 21.7h19.8l.6-1.6H1.8zM15.5 11.2H1.8v1.6h13.1z" />
</svg>
</label>
</div>