Garmelon/gedaechtnas
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update dropdown size and position

Browse source
This commit is contained in:
Joscha 2025-01-28 13:26:01 +01:00
parent 739af21519
commit 4f16dc4c5d
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
gdn-app/src/components/NavbarDropdown.vue
View file

@ -1,6 +1,6 @@
<script setup lang="ts">
import { useReposStore } from "@/stores/repos";
import { offset, size, useFloating } from "@floating-ui/vue";
import { autoUpdate, offset, size, useFloating } from "@floating-ui/vue";
import {
RiAddLine,
RiArrowDropDownLine,
@ -17,6 +17,7 @@ const open = ref(false);
const reference = useTemplateRef("reference");
const floating = useTemplateRef("floating");
const { floatingStyles } = useFloating(reference, floating, {
whileElementsMounted: autoUpdate,
placement: "bottom-start",
middleware: [
offset(4),
@ -73,6 +74,7 @@ function onSelectRepo(id: string) {
v-if="open"
ref="floating"
class="absolute left-0 top-0 w-fit min-w-48 overflow-auto rounded-md bg-neutral-800 font-light"
style="scrollbar-gutter: stable"
:style="floatingStyles"
>
<NavbarDropdownEntry