mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-24 06:28:42 +01:00
Code Issues Projects Releases Wiki Activity

fix: fixes unclickable items in search (#3540)

Browse Source
This commit is contained in:
Amir Raminfar
2025-01-11 07:56:25 -08:00
committed by GitHub
parent 35fd47d157
commit d455c3eed8
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
assets/components/FuzzySearchModal.vue
View File

@@ -14,7 +14,7 @@
:placeholder="$t('placeholder.search-containers')" :placeholder="$t('placeholder.search-containers')"
/> />
<form method="dialog"> <form method="dialog">
<button class="swap swap-rotate hover:swap-active"> <button class="swap hover:swap-active">
<mdi:keyboard-esc class="swap-off" /> <mdi:keyboard-esc class="swap-off" />
<mdi:close class="swap-on" /> <mdi:close class="swap-on" />
</button> </button>
@@ -22,9 +22,10 @@
</div> </div>
<div <div
class="dropdown-content bg-base-100 relative! mt-2 max-h-[calc(100dvh-20rem)] w-full overflow-y-scroll rounded-md border-y-8 border-transparent px-2" class="dropdown-content bg-base-100 relative! mt-2 max-h-[calc(100dvh-20rem)] w-full overflow-y-scroll rounded-md border-y-8 border-transparent px-2"
tabindex="0"
v-if="results.length" v-if="results.length"
> >
<ul tabindex="0" class="menu w-auto"> <ul class="menu w-auto">
<li v-for="(result, index) in data" ref="listItems"> <li v-for="(result, index) in data" ref="listItems">
<a <a
class="grid auto-cols-max grid-cols-[min-content_auto] gap-2 py-4" class="grid auto-cols-max grid-cols-[min-content_auto] gap-2 py-4"
@@ -186,6 +187,7 @@ function selected(item: Item) {
} }
close(); close();
} }
function addColumn(container: { id: string }) { function addColumn(container: { id: string }) {
pinnedStore.pinContainer(container); pinnedStore.pinContainer(container);
close(); close();
@@ -212,6 +214,7 @@ function matchedName({ item, matches = [] }: FuseResult<Item>) {
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference;
:deep(mark) { :deep(mark) {
@apply bg-transparent text-inherit underline underline-offset-2; @apply bg-transparent text-inherit underline underline-offset-2;
} }