Add more icons

This commit is contained in:
PrototypeArea
2022-06-27 03:01:42 -04:00
parent 2eac037090
commit 7bd99ae8ad
3 changed files with 18 additions and 5 deletions

View File

@@ -1,5 +1,5 @@
---
import { IconTwitter, IconGithub, IconFacebook, IconArrowRight } from "~/components/astro/icons";
import { IconTwitter, IconInstagram, IconFacebook, IconArrowRight } from "~/components/astro/icons";
const { } = Astro.props;
---
@@ -108,14 +108,13 @@
<a class="flex justify-center items-center text-gray-600 hover:text-gray-700 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out dark:bg-gray-800 dark:text-gray-400 p-1.5"
aria-label="Twitter" href="/">
<IconTwitter />
</a>
</li>
<li class="ml-4">
<a class="flex justify-center items-center text-gray-600 hover:text-gray-700 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out dark:bg-gray-800 dark:text-gray-400 p-1.5"
aria-label="Github" href="/">
<IconGithub />
aria-label="Instagram" href="/">
<IconInstagram />
</a>
</li>
<li class="ml-4">
@@ -124,6 +123,7 @@
<IconFacebook />
</a>
</li>
</ul>
<div class="text-sm text-gray-700 mr-4 dark:text-slate-400">
Made by <a class="text-blue-600 hover:underline" href="https://onwidget.com/">onWidget</a>. All rights reserved.