Creepso/migu
1
0
Fork 0
mirror of https://github.com/NoCrypt/migu.git synced 2026-04-20 08:02:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: better handling of empty sections #141

Browse source
This commit is contained in:
ThaUnknown 2022-04-14 15:07:09 +02:00
parent 1be5e79af4
commit b42144a559
3 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "Miru",
"version": "1.4.11",
"version": "1.4.12",
"author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
"main": "src/index.js",
"homepage": "https://github.com/ThaUnknown/miru#readme",

9
src/renderer/src/lib/pages/home/Cards.svelte
View file

@ -81,10 +81,19 @@
</div>
</div>
{/if}
{:else}
<div class="empty d-flex flex-column align-items-center justify-content-center">
<h2 class="font-weight-semi-bold mb-10">Ooops!</h2>
<div>Looks like there's nothing here.</div>
</div>
{/each}
{/await}
<style>
.empty {
height: 27rem;
grid-column: 1 / -1;
}
.h-10 {
height: 1rem !important;
}

4
src/renderer/src/lib/pages/home/Section.svelte
View file

@ -38,6 +38,10 @@
grid-template-columns: repeat(5, 50rem);
}
.gallery :global(.empty) {
grid-column: 1/3 !important;
}
.gallery:after {
content: '';
position: absolute;