mirror of
https://github.com/fleetdm/fleet
synced 2026-05-22 08:28:52 +00:00
Website: Add empty state to query library (#14144)
Closes: #13223 Changes: - Added an empty state that is shown to users when no query matches their selected filters.
This commit is contained in:
parent
606e1560e0
commit
05dd12e7e1
2 changed files with 11 additions and 0 deletions
|
|
@ -67,6 +67,14 @@
|
|||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
[purpose='query-list-empty-state'] {
|
||||
margin-top: 40px;
|
||||
margin-right: 30px;
|
||||
margin-left: 30px;
|
||||
a {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group {
|
||||
&.search {
|
||||
|
|
|
|||
3
website/views/pages/query-library.ejs
vendored
3
website/views/pages/query-library.ejs
vendored
|
|
@ -139,6 +139,9 @@
|
|||
<div class="divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="query-list-empty-state" v-if="queriesList.length === 0">
|
||||
<p class="mb-0">There are no results that match your filters. <a target="_blank" href="https://github.com/fleetdm/fleet/edit/main/docs/01-Using-Fleet/standard-query-library/standard-query-library.yml">Everyone can contribute</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue