aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Events/Event.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-10-28 15:32:46 -0700
committerFuwn <[email protected]>2024-10-28 15:32:46 -0700
commit39b677404558ae3b7eb34e818d7ca308f62f9cb0 (patch)
tree7f19fca39ecd4237e3c0d1aef2d8e9fa3cec7845 /src/lib/Events/Event.svelte
parentfeat(graphql): paged badges query (diff)
downloaddue.moe-svelte-5.tar.xz
due.moe-svelte-5.zip
feat: update to svelte 5svelte-5
Diffstat (limited to 'src/lib/Events/Event.svelte')
-rw-r--r--src/lib/Events/Event.svelte54
1 files changed, 27 insertions, 27 deletions
diff --git a/src/lib/Events/Event.svelte b/src/lib/Events/Event.svelte
index a2b1d2b5..f0a4f9f7 100644
--- a/src/lib/Events/Event.svelte
+++ b/src/lib/Events/Event.svelte
@@ -7,39 +7,39 @@
export let avatar = false;
</script>
-<a href={event.anilist_url} target="_blank">
- <div
- class="card"
- id="user-grid"
- style={`background-image: ${event.banner ? `url(${event.banner})` : 'none'}; padding: 0;`}
- >
- {#if event}
+<div
+ class="card"
+ id="user-grid"
+ style={`background-image: ${event.banner ? `url(${event.banner})` : 'none'}; padding: 0;`}
+>
+ {#if event}
+ <a href={event.anilist_url} target="_blank">
<img src={event.banner} alt="" id="cover-image" />
- {/if}
+ </a>
+ {/if}
- <div class="card" id="user-grid-content">
- {#if avatar}
- <div id="user-grid-avatar">
- <a href={root(`/events/group/${event.group.anilist_username}`)}>
- <img src={event.group.avatar} alt="" width="100vw" id="avatar" />
- </a>
- </div>
- {/if}
+ <div class="card" id="user-grid-content">
+ {#if avatar}
+ <div id="user-grid-avatar">
+ <a href={root(`/events/group/${event.group.anilist_username}`)}>
+ <img src={event.group.avatar} alt="" width="100vw" id="avatar" />
+ </a>
+ </div>
+ {/if}
- <div id="user-grid-content-text">
- <p>
- <a href={event.anilist_url} target="_blank" class="title-text">
- {event.title}
- </a>
- <br />
- {$locale().dateFormatter(new Date(event.created_at))}
- </p>
+ <div id="user-grid-content-text">
+ <p>
+ <a href={event.anilist_url} target="_blank" class="title-text">
+ {event.title}
+ </a>
+ <br />
+ {$locale().dateFormatter(new Date(event.created_at))}
+ </p>
- <p>{event.description}</p>
- </div>
+ <p>{event.description}</p>
</div>
</div>
-</a>
+</div>
<style>
#user-grid-content {