Make debug info always expanded to aid support team, add copy button (#3282)

* Make debug info always expanded to aid support team, add copy button

* Remove testing error lol
This commit is contained in:
Prospector
2025-02-21 13:50:43 -08:00
committed by GitHub
parent 37ecf75087
commit 701fef08f8
4 changed files with 70 additions and 24 deletions

View File

@@ -1,39 +0,0 @@
<template>
<div class="accordion-content" :class="(baseClass ?? ``) + (collapsed ? `` : ` open`)">
<div v-bind="$attrs" :inert="collapsed">
<slot />
</div>
</div>
</template>
<script setup lang="ts">
defineProps<{
baseClass?: string;
collapsed: boolean;
}>();
defineOptions({
inheritAttrs: false,
});
</script>
<style scoped>
.accordion-content {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s ease-in-out;
}
@media (prefers-reduced-motion) {
.accordion-content {
transition: none !important;
}
}
.accordion-content.open {
grid-template-rows: 1fr;
}
.accordion-content > div {
overflow: hidden;
}
</style>

View File

@@ -376,9 +376,8 @@ import {
ExitIcon,
ScaleIcon,
} from "@modrinth/assets";
import { ButtonStyled, MarkdownEditor, OverflowMenu } from "@modrinth/ui";
import { ButtonStyled, MarkdownEditor, OverflowMenu, Collapsible } from "@modrinth/ui";
import Categories from "~/components/ui/search/Categories.vue";
import Collapsible from "~/components/ui/Collapsible.vue";
const props = defineProps({
project: {