From 49762a1bb40638fa9a18b48bf48835abd03dd12b Mon Sep 17 00:00:00 2001
From: Tino Hager <tino.hager@nager.at>
Date: Sat, 21 Dec 2024 20:24:07 +0100
Subject: [PATCH] Fix dialog width

---
 resources/js/components/modals/AboutLychee.vue    | 6 +++---
 resources/js/components/modals/RegisterLychee.vue | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/modals/AboutLychee.vue b/resources/js/components/modals/AboutLychee.vue
index 23aecd834e1..5d525d9000d 100644
--- a/resources/js/components/modals/AboutLychee.vue
+++ b/resources/js/components/modals/AboutLychee.vue
@@ -1,12 +1,12 @@
 <template>
-	<Dialog v-model:visible="visible" modal pt:root:class="border-none" pt:mask:style="backdrop-filter: blur(2px)" @hide="closeCallback">
+	<Dialog v-model:visible="visible" modal :closable="true" pt:root:class="border-none m-3" pt:mask:style="backdrop-filter: blur(2px)" @hide="closeCallback">
 		<template #container="{ closeCallback }">
-			<div class="flex flex-col gap-4 bg-gradient-to-b from-bg-300 to-bg-400 relative w-[500px] text-sm rounded-md text-muted-color">
+			<div class="flex flex-col gap-4 bg-gradient-to-b from-bg-300 to-bg-400 relative max-w-[500px] text-sm rounded-md text-muted-color">
 				<div class="p-9 text-muted-color-emphasis" v-if="version">
 					<h1 class="mb-6 text-center text-xl font-bold">
 						Lychee
-						<span class="text-primary-500" v-if="is_se_enabled">SE</span>
 						<span class="version-number">{{ version.version ?? "" }}</span>
+						<span class="text-primary-500" v-if="is_se_enabled"> SE</span>
 						<span class="text-sm font-normal up-to-date-release text-center" v-if="version.is_new_release_available">
 							–
 							<a
diff --git a/resources/js/components/modals/RegisterLychee.vue b/resources/js/components/modals/RegisterLychee.vue
index 0bff6556a54..dce6ac4520f 100644
--- a/resources/js/components/modals/RegisterLychee.vue
+++ b/resources/js/components/modals/RegisterLychee.vue
@@ -1,7 +1,7 @@
 <template>
-	<Dialog v-model:visible="visible" modal pt:root:class="border-none" pt:mask:style="backdrop-filter: blur(2px)" @hide="closeCallback">
+	<Dialog v-model:visible="visible" modal pt:root:class="border-none m-3" pt:mask:style="backdrop-filter: blur(2px)" @hide="closeCallback">
 		<template #container="{ closeCallback }">
-			<div class="flex flex-col gap-4 bg-gradient-to-b from-bg-300 to-bg-400 relative w-[500px] text-sm rounded-md text-muted-color">
+			<div class="flex flex-col gap-4 bg-gradient-to-b from-bg-300 to-bg-400 relative max-w-[500px] text-sm rounded-md text-muted-color">
 				<div class="p-9 text-muted-color-emphasis">
 					<h2 class="my-6 font-bold text-center" v-if="is_se_enabled">Thank you for your support!</h2>
 					<template v-if="!is_se_enabled">