-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Files renamed, gallery component abstracted
- Loading branch information
Showing
5 changed files
with
46 additions
and
43 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,38 +1,13 @@ | ||
<script> | ||
import BackButton from "./BackButton.svelte"; | ||
import Image from "./Image.svelte"; | ||
import ToggleButton from "./ToggleButton.svelte"; | ||
import Image from "./Image.svelte"; | ||
export let images; | ||
const tags = ["All", "Comms", "Pokemon", "PMD", "Transform", "Zorio", "Nahi", "Other"] | ||
export let images; | ||
</script> | ||
|
||
<div class="w-full px-1"> | ||
<ul class="flex flex-wrap w-fit h-fit"> | ||
{#each tags as tag, i} | ||
<li class="flex-grow xl:m-2 m-1"> | ||
<ToggleButton text={tag} enabled={i == 0}/> | ||
</li> | ||
{/each} | ||
</ul> | ||
</div> | ||
|
||
<div class="w-full"> | ||
<ul class="flex flex-wrap w-full h-fit"> | ||
{#each images as i} | ||
<Image image={i} thumbnail={{...i, src: i.src.replace('gallery\\', 'thumbnails\\')}} /> | ||
{/each} | ||
</ul> | ||
</div> | ||
|
||
<div class="w-full flex justify-center"> | ||
<BackButton /> | ||
</div> | ||
|
||
<div class="flex flex-col w-full h-fit pt-8 xl:px-16 px-8"> | ||
<h1 class="xl:text-sm text-xs text-slate-300 text-center pb-4"> | ||
The characters and trademarks mentioned are the property of their respective owners. | ||
their respective owners. This content is used for illustrative purposes only and is not intended to | ||
infringe the copyrights of the mentioned owners. | ||
</h1> | ||
</div> | ||
<ul class="flex flex-wrap w-full h-fit"> | ||
{#each images as i} | ||
<Image image={i} thumbnail={{...i, src: i.src.replace('gallery\\', 'thumbnails\\')}} /> | ||
{/each} | ||
</ul> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
<script> | ||
import BackButton from "./BackButton.svelte"; | ||
import Gallery from "./Gallery.svelte"; | ||
import Image from "./Image.svelte"; | ||
import ToggleButton from "./ToggleButton.svelte"; | ||
export let images; | ||
const tags = ["All", "Comms", "Pokemon", "PMD", "Transform", "Zorio", "Nahi", "Other"] | ||
</script> | ||
|
||
<div class="w-full px-1"> | ||
<ul class="flex flex-wrap w-fit h-fit"> | ||
{#each tags as tag, i} | ||
<li class="flex-grow xl:m-2 m-1"> | ||
<ToggleButton text={tag} enabled={i == 0}/> | ||
</li> | ||
{/each} | ||
</ul> | ||
</div> | ||
|
||
<Gallery {images} /> | ||
|
||
<div class="w-full flex justify-center"> | ||
<BackButton /> | ||
</div> | ||
|
||
<div class="flex flex-col w-full h-fit pt-8 xl:px-16 px-8"> | ||
<h1 class="xl:text-sm text-xs text-slate-300 text-center pb-4"> | ||
The characters and trademarks mentioned are the property of their respective owners. | ||
their respective owners. This content is used for illustrative purposes only and is not intended to | ||
infringe the copyrights of the mentioned owners. | ||
</h1> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.