From 6917ea2dbda48dc90cf6dbf37d25bebd78e93a10 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Tue, 30 Apr 2024 10:57:22 +0530
Subject: [PATCH] fix: portal settings layout (#9324)

* fix: padding

* fix: max width

---------

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
---
 .../dashboard/helpcenter/pages/categories/ListAllCategories.vue | 2 +-
 .../routes/dashboard/helpcenter/pages/portals/EditPortal.vue    | 2 +-
 .../dashboard/helpcenter/pages/portals/EditPortalLocales.vue    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/ListAllCategories.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/ListAllCategories.vue
index 0dca57742..2152fc147 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/ListAllCategories.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/ListAllCategories.vue
@@ -99,7 +99,7 @@ function changeCurrentCategory(event) {
 </script>
 
 <template>
-  <div class="w-full max-w-5xl">
+  <div class="w-full max-w-6xl">
     <header class="flex items-center justify-between mb-4">
       <div class="flex items-center w-full gap-3">
         <label
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortal.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortal.vue
index 53a8bdf40..cbbb4cb15 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortal.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortal.vue
@@ -24,7 +24,7 @@
           />
         </woot-tabs>
       </setting-intro-banner>
-      <div class="p-4 max-w-full my-auto flex flex-wrap">
+      <div class="flex flex-wrap max-w-full px-8 py-4 my-auto">
         <router-view />
       </div>
     </div>
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortalLocales.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortalLocales.vue
index 8d0ffecd3..e6cee06a4 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortalLocales.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortalLocales.vue
@@ -110,7 +110,7 @@ function addLocale() {
 </script>
 
 <template>
-  <div class="w-full h-full max-w-5xl space-y-4 bg-white dark:bg-slate-900">
+  <div class="w-full h-full max-w-6xl space-y-4 bg-white dark:bg-slate-900">
     <div class="flex justify-end">
       <woot-button
         variant="smooth"