Merge pull request #894 from Codeinwp/prf/sidebar-width

feat: rework sidebar width in plugin admin [closes Codeinwp/optimole-service#1337]

Author: selul

assets/src/dashboard/parts/connected/Sidebar.js

@@ -41,7 +41,7 @@ const Sidebar = () => {
 	});
 
 	return (
-		<div className="grid md:grid-cols-2 xl:flex xl:flex-col xl:mt-8 xl:mb-5 p-0 transition-all ease-in-out duration-700 gap-5 basis-4/12 2xl:basis-3/12">
+		<div className="grid md:grid-cols-2 xl:flex xl:flex-col xl:mt-8 xl:mb-5 p-0 transition-all ease-in-out duration-700 gap-5 shrink-0 xl:w-[350px]">
 			<div className="bg-white gap-5 flex flex-col text-gray-700 border-0 rounded-lg shadow-md p-8">
 				<TextControl
 					label={ optimoleDashboardApp.strings.logged_in_as }

assets/src/dashboard/parts/connected/index.js

@@ -123,7 +123,7 @@ const ConnectedLayout = ({
 
 			<div className="flex flex-col xl:flex-row mx-auto gap-5">
 				<div
-					className="flex flex-col justify-between mt-8 xl:mb-5 p-0 transition-all ease-in-out duration-700 relative text-gray-700 basis-8/12 2xl:basis-9/12"
+					className="flex flex-col justify-between mt-8 xl:mb-5 p-0 transition-all ease-in-out duration-700 relative text-gray-700 grow"
 				>
 					{ 'dashboard' === tab && <Dashboard /> }