dokku/dokku-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

screenshots

Browse Source
This commit is contained in:
texm
2023-04-26 08:58:11 +08:00
parent 979475e2a8
commit 3b0f29379c
5 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/routes/Screenshots.svelte
View File

@@ -3,6 +3,7 @@
const carouselImages = [
{alt: "dashboard screenshot", src: `${base}/images/dashboard-light.webp`},
{alt: "dashboard screenshot", src: `${base}/images/dashboard-dark.webp`},
{alt: "app overview", src: `${base}/images/app-overview.webp`},
{alt: "service overview", src: `${base}/images/service-overview.webp`},
]
@@ -12,6 +13,15 @@
</script>
<div class="mockup-window rounded-xl bg-base-200 w-auto h-fit shadow-lg shadow-secondary">
<img class="inline dark:hidden" alt="dashboard screenshot" src="{base}/images/dashboard-dark.webp" />
<img class="hidden dark:inline" alt="dashboard screenshot" src="{base}/images/dashboard-light.webp" />
<div class="w-full carousel rounded-box">
{#each carouselImages as image, i}
<div id="img{1 + i}" class="carousel-item relative w-full">
<img src={image.src} class="w-full" alt={image.alt} />
<div class="absolute flex justify-between transform -translate-y-1/2 left-5 right-5 top-1/2">
<a href="#img{1 + prevIdx(i)}" class="btn btn-circle">❮</a>
<a href="#img{1 + nextIdx(i)}" class="btn btn-circle">❯</a>
</div>
</div>
{/each}
</div>
</div>