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

Fix children width, init state after reload

Browse Source
This commit is contained in:
Vadim
2021-01-21 12:41:37 +03:00
parent 0408df319e
commit 1b1d5d7274
3 changed files with 56 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/stories/ImageCarouselView.svelte
View File

@@ -18,28 +18,24 @@
{arrows}
{infinite}
>
<div
class="child-content-container"
style="background-color: green;"
>
<h1>Element 1</h1>
</div>
<div
class="child-content-container"
style="background-color: yellow;"
>
<h1>Element 2</h1>
</div>
<div
class="child-content-container"
style="background-color: blue;"
>
<h1>Element 3</h1>
</div>
<div
class="child-content-container"
style="background-color: green;"
>
<h1>Element 1</h1>
</div>
<div
class="child-content-container"
style="background-color: yellow;"
>
<h1>Element 2</h1>
</div>
<div
class="child-content-container"
style="background-color: blue;"
>
<h1>Element 3</h1>
</div>
</ImageCarousel>
</div>
@@ -49,8 +45,9 @@
width: 100%;
}
.child-content-container {
width: 500px;
min-width: 100%;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
}