Fix dialog width for mobile (#2829)

LycheeOrg · Dec 22, 2024 · 8cc5f42 · 8cc5f42
1 parent 78fd51b
commit 8cc5f42
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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 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
@@ -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">