From 608c9fc1ca8f50c321773ffba04b771b9ba51968 Mon Sep 17 00:00:00 2001 From: Trirst <abeces968@gmail.com> Date: Sat, 16 Oct 2021 15:49:16 +0700 Subject: [PATCH] Image post --- src/lib/ImageList.svelte | 4 +++- src/routes.js | 6 ++++-- src/routes/ImagePost.svelte | 7 +++++++ 3 files changed, 14 insertions(+), 3 deletions(-) create mode 100644 src/routes/ImagePost.svelte diff --git a/src/lib/ImageList.svelte b/src/lib/ImageList.svelte index fae8136..b6fc214 100644 --- a/src/lib/ImageList.svelte +++ b/src/lib/ImageList.svelte @@ -4,6 +4,8 @@ <div class="flex flex-row flex-wrap justify-center"> {#each snowflakes as snowflake} - <img src="/api/image/{snowflake}/preview" alt="" class="m-2"/> + <a href="#/image/{snowflake}" + ><img src="/api/image/{snowflake}/preview" alt="" class="m-2" /></a + > {/each} </div> diff --git a/src/routes.js b/src/routes.js index 262bd7a..73313cc 100644 --- a/src/routes.js +++ b/src/routes.js @@ -1,7 +1,9 @@ -import Home from './routes/Home.svelte'; -import Upload from './routes/Upload.svelte'; +import Home from '@/routes/Home.svelte'; +import Upload from '@/routes/Upload.svelte'; +import ImagePost from '@/routes/ImagePost.svelte'; export default { '/': Home, '/upload': Upload, + '/image/:snowflake': ImagePost, } \ No newline at end of file diff --git a/src/routes/ImagePost.svelte b/src/routes/ImagePost.svelte new file mode 100644 index 0000000..1152f46 --- /dev/null +++ b/src/routes/ImagePost.svelte @@ -0,0 +1,7 @@ +<script> + import { paths } from "@/static/js/paths"; + + export let params = {}; +</script> + +<img src={paths.ImageFile(params.snowflake)} alt="" /> -- GitLab