diff options
| -rw-r--r-- | src/components/contacts.json | 2 | ||||
| -rw-r--r-- | src/pages/contacts.astro | 6 | ||||
| -rw-r--r-- | src/styles/index.css | 2 |
3 files changed, 5 insertions, 5 deletions
diff --git a/src/components/contacts.json b/src/components/contacts.json index 313db1d..6763340 100644 --- a/src/components/contacts.json +++ b/src/components/contacts.json @@ -40,7 +40,7 @@ "icon": "x-twitter", "username": "Alee14498", "url": "https://twitter.alee14.me", - "comment": "yuck." + "mouseover": "yuck." }, { "platform": "Instagram", diff --git a/src/pages/contacts.astro b/src/pages/contacts.astro index 098f97b..908fba8 100644 --- a/src/pages/contacts.astro +++ b/src/pages/contacts.astro @@ -7,9 +7,9 @@ import contacts from "../components/contacts.json"; {contacts.map((contact)=> { let icon = "fa6-brands:" + contact.icon; return ( - <a href={contact.url} target="_blank"><div class="contacts-card"> - <Icon name={icon} class="contact-icon" /> - {contact.platform} ({contact.username}) + <a href={contact.url} target="_blank" title={contact.mouseover}><div class="contacts-card"> + <Icon name={icon} class="contact-icon" /> + {contact.platform} ({contact.username}) </div></a> ) })} diff --git a/src/styles/index.css b/src/styles/index.css index 476d461..8df217d 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -37,7 +37,7 @@ p { display: grid; grid-template-columns: 1fr 0.7fr; grid-template-rows: auto auto; - gap: 2vh; + gap: 1em; padding: 30px; } |