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