KevinMidboe/infra-map
1
0
Fork 0
mirror of https://github.com/KevinMidboe/infra-map.git synced 2025-10-29 17:40:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

search case-insensitive & sticky position search box

Browse Source
This commit is contained in:
Kevin
2025-08-18 18:16:31 +02:00
parent 1e88ddc50d
commit f307bcb79b
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/routes/cluster/+page.svelte
View File

@@ -14,9 +14,10 @@
const rawDaemons: V1DaemonSet[] = data?.daemons; const rawDaemons: V1DaemonSet[] = data?.daemons;
const rawNodes: V1Node[] = data?.nodes; const rawNodes: V1Node[] = data?.nodes;
let deployments = $derived(rawDeployments.filter((d) => d.metadata.name.includes(filterValue))); let filterLC = $derived(filterValue.toLowerCase())
let daemons = $derived(rawDaemons.filter((d) => d.metadata.name.includes(filterValue))); let deployments = $derived(rawDeployments.filter((d) => d.metadata.name.includes(filterLC)));
let nodes = $derived(rawNodes.filter((n) => n.metadata.name.includes(filterValue))); let daemons = $derived(rawDaemons.filter((d) => d.metadata.name.includes(filterLC)));
let nodes = $derived(rawNodes.filter((n) => n.metadata.name.includes(filterLC)));
</script> </script>
<PageHeader>Cluster overview</PageHeader> <PageHeader>Cluster overview</PageHeader>
@@ -77,6 +78,13 @@
<style lang="scss"> <style lang="scss">
.search-section { .search-section {
padding: 1.714rem 0px; padding: 1.714rem 0px;
top: 4.5rem;
background-color: var(--bg);
position: sticky;
@media screen and (max-width: 480px) {
top: 3rem;
}
} }
.server-list { .server-list {