#371 improve grid setup to wrap correctly (#379)

Co-authored-by: neil molina <neil@neils-MacBook-Pro.local>
This commit is contained in:
Neil 2023-04-03 13:18:45 +08:00 committed by GitHub
parent 210dcaff4a
commit ee85674801
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -82,11 +82,11 @@
</script>
<div>
<ul class="grid grid-cols-3 gap-2 bg-black" use:watchResize={onResize} on:scroll={onScroll}>
<ul class="flex flex-wrap bg-black" use:watchResize={onResize} on:scroll={onScroll}>
{#if packages.length > 0}
{#each packages as pkg, index}
{#if index < limit}
<div class={pkg.state === PackageStates.INSTALLING ? "animate-pulse" : ""}>
<div class="w-1/3 p-1" class:animate-puls={pkg.state === PackageStates.INSTALLING}>
<Package
tab={packageFilter}
{pkg}