mirror/Hangar
2
0
Fork 0
mirror of https://github.com/HangarMC/Hangar.git synced 2025-02-23 15:12:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

increase action log modal widths

Browse Source
This commit is contained in:
MiniDigger | Martin 2022-06-19 03:00:30 +02:00
parent 77329f4368
commit 697054f53a
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/modals/DiffModal.vue
View File

@ -49,7 +49,7 @@ const prettyDiff = computed(() => {
</script>
<template>
<Modal :title="props.title">
<Modal :title="props.title" big>
<template #default="{ on }">
<!-- eslint-disable-next-line vue/no-v-html -->
<div v-html="prettyDiff"></div>

2
frontend/src/components/modals/MarkdownModal.vue
View File

@ -13,7 +13,7 @@ const i18n = useI18n();
</script>
<template>
<Modal :title="props.title">
<Modal :title="props.title" big>
<template #default="{ on }">
<Markdown :raw="markdown"></Markdown>

4
frontend/src/components/modals/Modal.vue
View File

@ -7,9 +7,11 @@ const props = withDefaults(
defineProps<{
title: string | TranslateResult;
small?: boolean;
big?: boolean;
}>(),
{
small: true,
big: false,
}
);
@ -36,7 +38,7 @@ defineExpose({
<div class="flex items-center justify-center min-h-screen">
<DialogOverlay class="fixed inset-0 bg-black opacity-30" />
<div class="relative mx-auto background-default rounded p-4" :class="small ? 'max-w-sm' : 'max-w-lg'">
<div class="relative mx-auto background-default rounded p-4" :class="big ? 'max-w-80vw' : small ? 'max-w-sm' : 'max-w-lg'">
<h2 class="font-bold text-xl mb-2">{{ props.title }}</h2>
<slot :on="{ click: close }"></slot>
</div>