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

refactor: replace icons with svg components, relocate icons and images, rename directories

Browse source
This commit is contained in:
radishzzz 2025-05-08 15:10:21 +01:00
parent b72b59358b
commit 5b9c2d562a
172 changed files with 228 additions and 241 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,17 +1,17 @@
---
import GoBackIcon from '@/assets/icons/go-back.svg';
---
<button
id="back-button"
class="hidden"
lg="block absolute c-secondary/40 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/80"
aria-label="Back to home"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
<GoBackIcon
aria-hidden="true"
fill="currentColor"
>
<path d="M17.9.6 4 12l13.8 11.4.7-.9L7.2 12 18.5 1.5l-.7-.9Z"></path>
</svg>
/>
</button>
<!-- Go Back Script >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> -->

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

@ -1,5 +1,6 @@
---
import type { MarkdownHeading } from 'astro'
import TocIcon from '@/assets/icons/toc-icon.svg'
import { ui } from '@/i18n/ui'
import { getPageInfo } from '@/utils/page'
@ -18,7 +19,7 @@ const filteredHeadings = headings.filter(heading =>
---
{filteredHeadings.length > 0 && (
<div class="uno-round-border mb-4 bg-secondary/5 2xl:(fixed left-0 top-43.5 max-w-[min(calc(50vw-38rem),13rem)] border-none bg-transparent)">
<div class="mb-4 uno-round-border bg-secondary/5 2xl:(fixed left-0 top-43.5 max-w-[min(calc(50vw-38rem),13rem)] border-none bg-transparent)">
<input
type="checkbox"
id="toc-toggle"
@ -28,21 +29,17 @@ 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/40 transition-colors ease-out hover:c-secondary/80)"
class="absolute inset-0 flex cursor-pointer items-center 2xl:(static flex c-secondary/40 transition-colors ease-out hover:c-secondary/80)"
>
<span class="toc-title">
{currentUI.toc}
</span>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
<TocIcon
aria-hidden="true"
fill="currentColor"
class="ml-4 hidden aspect-square w-4.2 2xl:(mt-4 block origin-center active:scale-90)"
>
<path d="M22.2 2.3H1.8v1.6h19.8zM1.8 21.7h19.8l.6-1.6H1.8zM15.5 11.2H1.8v1.6h13.1z" />
</svg>
fill="currentColor"
/>
</label>
</div>