kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 12:05:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: icon sizes

Browse Source
This commit is contained in:
Stefan Imhoff
2024-03-16 11:03:07 +01:00
parent ab6bd4e89e
commit d16afb6965
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/DownloadLink.tsx
View File

@@ -11,7 +11,7 @@ interface Props extends JSX.HTMLAttributes<HTMLAnchorElement> {
export const DownloadLink: FunctionalComponent<Props> = ({ href, text, ...props }) => (
<TextLink class="group" href={href} {...props}>
{text}
<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.4em]">
<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.2em]">
<Download
aria-hidden="true"
class="icon h-icon w-icon transition-transform duration-500 ease-in-out group-hover:translate-y-1 group-focus:translate-y-1"

2
src/components/MoreLink.tsx
View File

@@ -11,7 +11,7 @@ interface Props extends JSX.HTMLAttributes<HTMLAnchorElement> {
export const MoreLink: FunctionalComponent<Props> = ({ href, text, ...props }) => (
<TextLink class="group" href={href} {...props}>
{text}
<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.4em]">
<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.2em]">
<ArrowRight
aria-hidden="true"
class="icon h-icon w-icon transition-transform duration-500 ease-in-out group-hover:translate-x-1 group-focus:translate-x-1"

6
tailwind.config.cjs
View File

@@ -117,9 +117,9 @@ module.exports = {
layout: 'clamp(1.5rem, 6.9375vw, 4.5rem)',
gap: 'clamp(1.5rem, 6.9375vw, 6rem)',
halfgap: 'calc(clamp(1.5rem, 6.9375vw, 6rem) / 2)',
icon: '30px',
'icon-small': '25px',
clickarea: '50px',
icon: '24px',
'icon-small': '20px',
clickarea: '40px',
},
fontFamily: {
sans: ['SecuelaVariable', 'Arial', 'sans-serif'],