juyung/devscard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: open favorites links in new tabs

Browse source
This commit is contained in:
Konrad Szwarc 2023-02-03 23:41:11 +01:00
parent 2f5badaaae
commit c64817a724
4 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/web/sections/favorites/book-tile.astro
View file

@ -8,7 +8,7 @@ export interface Props extends Book {}
const { author, image, title, url } = Astro.props;
---
<a href={url} class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
<a href={url} target="_blank" class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
<Photo src={image} alt={title} class="aspect-[3/4] rounded-lg object-cover shadow-md" width={300} height={400} />
<div class="w-full gap-1">
<Typography variant="tile-title">

2
src/web/sections/favorites/media-tile.astro
View file

@ -8,7 +8,7 @@ export interface Props extends Media {}
const { image, title, type, url } = Astro.props;
---
<a href={url} class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
<a href={url} target="_blank" class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
<Photo class="rounded-lg shadow-md aspect-square object-cover" src={image} alt={title} width={200} height={200} />
<div class="gap-1">
<Typography variant="tile-title">

2
src/web/sections/favorites/person-tile.astro
View file

@ -8,7 +8,7 @@ export interface Props extends Person {}
const { image, name, url } = Astro.props;
---
<a href={url} class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
<a href={url} target="_blank" class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
<Photo
class="rounded-lg shadow-md transition duration-300 aspect-square object-cover"
src={image}

2
src/web/sections/favorites/video-tile.astro
View file

@ -8,7 +8,7 @@ export interface Props extends Video {}
const { title, url, image } = Astro.props;
---
<a href={url} class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
<a href={url} target="_blank" class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
<Photo class="rounded-lg shadow-md aspect-video object-cover" src={image} alt={title} width={480} height={270} />
<Typography variant="tile-title">
{title}