romein/rolens
1
0
Fork 0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-07-17 05:24:06 +00:00
Code Issues Releases Activity

Nice blank state messages

Browse Source
This commit is contained in:
Romein van Buren
2023-01-15 17:10:30 +01:00
parent d139a077d9
commit 4e5e00907d
5 changed files with 48 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/src/components/blankstate.svelte Normal file
View File

@ -0,0 +1,33 @@
<script>
export let label = 'No items';
export let image = '/empty.svg';
</script>
<div class="blankstate">
<div class="content">
<img src={image} alt="">
<p>{label}</p>
</div>
</div>
<style>
.blankstate {
display: flex;
}
.content {
margin: auto;
text-align: center;
}
img {
height: 100px;
width: auto;
filter: grayscale(1);
opacity: 0.4;
}
p {
margin-top: 2rem;
color: #777;
}
</style>