feat: adjust responsive style in profile

sailscastshq · Sep 25, 2024 · 3b45192 · 3b45192
1 parent 9d594be
commit 3b45192
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/templates/mellow-react/assets/js/pages/dashboard/profile.jsx b/templates/mellow-react/assets/js/pages/dashboard/profile.jsx
@@ -51,7 +51,7 @@ export default function Profile() {
   return (
     <>
       <Head title="Profile | Mellow"></Head>
-      <div className="mx-auto space-y-8 px-4 md:w-4/12">
+      <div className="mx-auto space-y-8 px-4 md:w-8/12 xl:w-4/12">
         <section className="rounded-lg bg-gradient-to-b from-brand-50/10 to-white p-6 shadow-md transition-all duration-300 hover:shadow-lg">
           <header className="mb-6">
             <h1 className="text-2xl">Profile Information</h1>

diff --git a/templates/mellow-svelte/assets/js/pages/dashboard/profile.svelte b/templates/mellow-svelte/assets/js/pages/dashboard/profile.svelte
@@ -49,7 +49,7 @@
 <svelte:head>
   <title>Profile | Mellow</title>
 </svelte:head>
-<div class="mx-auto space-y-8 px-4 md:w-4/12">
+<div class="mx-auto space-y-8 px-4 md:w-8/12 xl:w-4/12">
   <section
     class="rounded-lg bg-gradient-to-b from-brand-50/10 to-white p-6 shadow-md transition-all duration-300 hover:shadow-lg"
   >

diff --git a/templates/mellow-vue/assets/js/pages/dashboard/profile.vue b/templates/mellow-vue/assets/js/pages/dashboard/profile.vue
@@ -50,7 +50,7 @@ function deleteAccount() {
 <template>
   <Head title="Profile | Mellow"></Head>
 
-  <div class="mx-auto space-y-8 px-4 md:w-4/12">
+  <div class="mx-auto space-y-8 px-4 md:w-8/12 xl:w-4/12">
     <section
       class="rounded-lg bg-gradient-to-b from-brand-50/10 to-white p-6 shadow-md transition-all duration-300 hover:shadow-lg"
     >