blboun3/personal-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

Finished floating links

Browse Source 
Finished positioning of floating links on desktop and mobile
Added hover tooltips to floating links
This commit is contained in:
Cyril Šebek
2024-07-06 16:45:42 +02:00
parent cdfc43024b
commit 8a11f24244
8 changed files with 401 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/FloatingLinks.astro Normal file
View File

@ -0,0 +1,13 @@
---
import { ContactButton } from "./ContactButton";
---
<!-- Contacts list -->
<div>
<div class="relative top-[97vh] left-[30vw] z-[1000] sm:fixed sm:left-2 sm:top-[40%] flex sm:flex-col text-lg text-content" >
<ContactButton variant={"matrix"} link={"https://matrix.to/#/@cyril:cyrilsebek.cz"} tooltip={"Matrix Chat"} client:load/>
<ContactButton variant={"telegram"} link={"https://t.me/blboun3"} tooltip={"Telegram Chat"} client:load/>
<ContactButton variant={"github"} link={"https://github.com/Blboun3"} tooltip={"Github"} client:load/>
<ContactButton variant={"git"} link={"https://git.cyrilsebek.cz/blboun3"} tooltip={"Selfhosted gitea"} client:load/>
</div>
</div>