mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use icons from astro-icon

Browse Source
This commit is contained in:
prototypa
2022-08-26 23:13:09 -04:00
parent 01f4cb2f6f
commit aaac66b82a
18 changed files with 111 additions and 384 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/components/widgets/StepsLeft.astro
View File

@ -1,5 +1,7 @@
---
import { Icon } from "astro-icon";
import Picture from "~/components/core/Picture.astro";
const {} = Astro.props;
---
@ -12,24 +14,10 @@ const {} = Astro.props;
<div
class="flex items-center justify-center w-10 h-10 rounded-full border-pink-500 border-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-5 h-5 text-gray-600 dark:text-slate-200"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path
d="M15 4v8h3.586a1 1 0 0 1 .707 1.707l-6.586 6.586a1 1 0 0 1 -1.414 0l-6.586 -6.586a1 1 0 0 1 .707 -1.707h3.586v-8a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1z"
>
</path>
</svg>
<Icon
name="tabler:arrow-down"
class="w-6 h-6 text-gray-600 dark:text-slate-200 icon-bold"
/>
</div>
</div>
<div class="w-px h-full bg-gray-300 dark:bg-slate-500"></div>
@ -52,24 +40,10 @@ const {} = Astro.props;
<div
class="flex items-center justify-center w-10 h-10 rounded-full border-pink-500 border-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-5 h-5 text-gray-600 dark:text-slate-200"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path
d="M15 4v8h3.586a1 1 0 0 1 .707 1.707l-6.586 6.586a1 1 0 0 1 -1.414 0l-6.586 -6.586a1 1 0 0 1 .707 -1.707h3.586v-8a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1z"
>
</path>
</svg>
<Icon
name="tabler:arrow-down"
class="w-6 h-6 text-gray-600 dark:text-slate-200 icon-bold"
/>
</div>
</div>
<div class="w-px h-full bg-gray-300 dark:bg-slate-500"></div>
@ -91,24 +65,10 @@ const {} = Astro.props;
<div
class="flex items-center justify-center w-10 h-10 rounded-full border-pink-500 border-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-5 h-5 text-gray-600 dark:text-slate-200"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path
d="M15 4v8h3.586a1 1 0 0 1 .707 1.707l-6.586 6.586a1 1 0 0 1 -1.414 0l-6.586 -6.586a1 1 0 0 1 .707 -1.707h3.586v-8a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1z"
>
</path>
</svg>
<Icon
name="tabler:arrow-down"
class="w-6 h-6 text-gray-600 dark:text-slate-200 icon-bold"
/>
</div>
</div>
<div class="w-px h-full bg-gray-300 dark:bg-slate-500"></div>
@ -130,21 +90,10 @@ const {} = Astro.props;
<div
class="flex items-center justify-center w-10 h-10 rounded-full border-blue-600 border-2"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-6 text-gray-600 dark:text-slate-200"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 12l5 5l10 -10"></path>
</svg>
<Icon
name="tabler:check"
class="w-6 h-6 text-gray-600 dark:text-slate-200 icon-bold"
/>
</div>
</div>
</div>