public/svelte-carousel
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update docs logo

Browse Source
This commit is contained in:
Vadim
2021-11-30 16:19:34 +03:00
parent bf43b6a3b5
commit 1b6735700f
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/svelte-carousel-logo-md-full-width.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 385 KiB

10
src/docs/Layouts/Main.svelte
View File

@@ -1,4 +1,5 @@
<script context="module"> <script context="module">
import Carousel from '../../components/Carousel/Carousel.svelte'
import Table from './custom/Table.svelte' import Table from './custom/Table.svelte'
import Th from './custom/Th.svelte' import Th from './custom/Th.svelte'
import Tr from './custom/Tr.svelte' import Tr from './custom/Tr.svelte'
@@ -31,8 +32,12 @@
<div class="docs__main-layout__main-container"> <div class="docs__main-layout__main-container">
<div class="docs__main-layout__header-container"> <div class="docs__main-layout__header-container">
<div class="docs__main-layout__logo-container"> <div class="docs__main-layout__logo-container">
<Carousel>
{#each Array.from(Array(3).keys()) as index (index)}
<img class="docs__main-layout__logo" src="./svelte-carousel-logo-md-full-width.png" alt="svelte-carousel-logo" />
{/each}
</Carousel>
<span class="docs__main-layout__version">v{pkg.version}</span> <span class="docs__main-layout__version">v{pkg.version}</span>
<img class="docs__main-layout__logo" src="./svelte-carousel-logo-md.png" alt="svelte-carousel-logo" />
</div> </div>
<div class="docs__main-layout__links-container"> <div class="docs__main-layout__links-container">
{#each links as { url, title, iconName } (title)} {#each links as { url, title, iconName } (title)}
@@ -68,9 +73,8 @@
} }
.docs__main-layout__logo-container { .docs__main-layout__logo-container {
height: 80%;
max-width: 100%;
position: relative; position: relative;
max-width: min(90%, 500px);
} }
.docs__main-layout__version { .docs__main-layout__version {
position: absolute; position: absolute;