Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases 119 Packages Wiki Activity Actions

Fixed weird hovering issues
Some checks failed
/ get-version (push) Successful in 2s
Details
/ astro-check (push) Successful in 13s
Details
/ checking (push) Has been skipped
Details
/ build-site (push) Has been skipped
Details
/ create-release (push) Has been skipped
Details
/ check-tag (push) Failing after 3s
Details

Browse source
This commit is contained in:
Firq 2024-07-20 16:34:21 +02:00
parent e4b0b87e9f
commit 45fd654ef1
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
3 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/cards/contactCard.astro
View file

@ -25,7 +25,7 @@ const loadedLogoImage = plsLoadImage(images_logos, imagePath)
aria-label=`${site} - new window` aria-label=`${site} - new window`
> >
<article class="contact do-hover"> <article class="contact do-hover">
<Image src={loadedLogoImage} alt={logoAltText} /> <Image src={loadedLogoImage} alt={logoAltText} loading={'eager'}/>
<div> <div>
<h2>{site}</h2> <h2>{site}</h2>
</div> </div>
@ -63,6 +63,7 @@ const loadedLogoImage = plsLoadImage(images_logos, imagePath)
article:hover div { article:hover div {
border-radius: 1.25rem; border-radius: 1.25rem;
padding: 0 0.5rem; padding: 0 0.5rem;
margin: unset;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -71,6 +72,9 @@ const loadedLogoImage = plsLoadImage(images_logos, imagePath)
height: calc(var(--size-value)); height: calc(var(--size-value));
width: calc(var(--size-value) - 1rem); width: calc(var(--size-value) - 1rem);
opacity: 90%; opacity: 90%;
border-style: solid;
border-width: 10px;
border-color: var(--c-darkgray);
z-index: 100; z-index: 100;
position: absolute; position: absolute;
} }

2
src/components/cards/favouriteCard.astro
View file

@ -25,7 +25,7 @@ const loadedImage = plsLoadImage(images, imagePath)
aria-label=`${name} - new window` aria-label=`${name} - new window`
> >
<div class="heading">{name}</div> <div class="heading">{name}</div>
<Image src={loadedImage} alt={name} /> <Image src={loadedImage} alt={name} loading={'eager'}/>
<h2 class="subtext"> <h2 class="subtext">
{origin} {origin}
</h2> </h2>

5
src/components/cards/technologyCard.astro
View file

@ -20,7 +20,7 @@ const loadedImage = plsLoadImage(images_logos, imagePath)
<a href={link} target="_blank" rel="noopener noreferrer" aria-label={title}> <a href={link} target="_blank" rel="noopener noreferrer" aria-label={title}>
<article> <article>
<Image src={loadedImage} alt={logoAltText} /> <Image src={loadedImage} alt={logoAltText} loading={'eager'}/>
<div> <div>
<h2>{title}</h2> <h2>{title}</h2>
</div> </div>
@ -70,6 +70,9 @@ const loadedImage = plsLoadImage(images_logos, imagePath)
opacity: 90%; opacity: 90%;
z-index: 100; z-index: 100;
position: absolute; position: absolute;
border-style: solid;
border-width: 10px;
border-color: var(--c-darkgray);
} }
article:hover h2 { article:hover h2 {