feat: resolved alignement issue

This commit is contained in:
=
2025-07-02 01:16:51 +05:30
parent ac6f79815a
commit 944319b9b6
@@ -55,8 +55,10 @@ export const OrgSidebar = ({ isHidden }: Props) => {
<Link to="/organization/projects"> <Link to="/organization/projects">
{({ isActive }) => ( {({ isActive }) => (
<MenuItem isSelected={isActive}> <MenuItem isSelected={isActive}>
<div className="mx-1"> <div className="mx-1 flex gap-2">
<FontAwesomeIcon icon={faCubes} className="mr-4" /> <div className="w-6">
<FontAwesomeIcon icon={faCubes} />
</div>
Projects Projects
</div> </div>
</MenuItem> </MenuItem>
@@ -65,8 +67,10 @@ export const OrgSidebar = ({ isHidden }: Props) => {
<Link to="/organization/access-management"> <Link to="/organization/access-management">
{({ isActive }) => ( {({ isActive }) => (
<MenuItem isSelected={isActive}> <MenuItem isSelected={isActive}>
<div className="mx-1"> <div className="mx-1 flex gap-2">
<FontAwesomeIcon icon={faUsers} className="mr-4" /> <div className="w-6">
<FontAwesomeIcon icon={faUsers} />
</div>
Access Control Access Control
</div> </div>
</MenuItem> </MenuItem>
@@ -75,8 +79,10 @@ export const OrgSidebar = ({ isHidden }: Props) => {
<Link to="/organization/billing"> <Link to="/organization/billing">
{({ isActive }) => ( {({ isActive }) => (
<MenuItem isSelected={isActive}> <MenuItem isSelected={isActive}>
<div className="mx-1"> <div className="mx-1 flex gap-2">
<FontAwesomeIcon icon={faMoneyBill} className="mr-4" /> <div className="w-6">
<FontAwesomeIcon icon={faMoneyBill} className="mr-4" />
</div>
Usage & Billing Usage & Billing
</div> </div>
</MenuItem> </MenuItem>
@@ -85,8 +91,10 @@ export const OrgSidebar = ({ isHidden }: Props) => {
<Link to="/organization/audit-logs"> <Link to="/organization/audit-logs">
{({ isActive }) => ( {({ isActive }) => (
<MenuItem isSelected={isActive}> <MenuItem isSelected={isActive}>
<div className="mx-1"> <div className="mx-1 flex gap-2">
<FontAwesomeIcon icon={faBook} className="mr-4" /> <div className="w-6">
<FontAwesomeIcon icon={faBook} className="mr-4" />
</div>
Audit Logs Audit Logs
</div> </div>
</MenuItem> </MenuItem>
@@ -95,8 +103,10 @@ export const OrgSidebar = ({ isHidden }: Props) => {
<Link to="/organization/sso"> <Link to="/organization/sso">
{({ isActive }) => ( {({ isActive }) => (
<MenuItem isSelected={isActive}> <MenuItem isSelected={isActive}>
<div className="mx-1"> <div className="mx-1 flex gap-2">
<FontAwesomeIcon icon={faCheckCircle} className="mr-4" /> <div className="w-6">
<FontAwesomeIcon icon={faCheckCircle} className="mr-4" />
</div>
SSO Settings SSO Settings
</div> </div>
</MenuItem> </MenuItem>
@@ -105,8 +115,10 @@ export const OrgSidebar = ({ isHidden }: Props) => {
<Link to="/organization/settings"> <Link to="/organization/settings">
{({ isActive }) => ( {({ isActive }) => (
<MenuItem isSelected={isActive}> <MenuItem isSelected={isActive}>
<div className="mx-1"> <div className="mx-1 flex gap-2">
<FontAwesomeIcon icon={faCog} className="mr-4" /> <div className="w-6">
<FontAwesomeIcon icon={faCog} className="mr-4" />
</div>
Organization Settings Organization Settings
</div> </div>
</MenuItem> </MenuItem>
@@ -117,8 +129,10 @@ export const OrgSidebar = ({ isHidden }: Props) => {
<Link to="/organization/app-connections"> <Link to="/organization/app-connections">
{({ isActive }) => ( {({ isActive }) => (
<MenuItem isSelected={isActive}> <MenuItem isSelected={isActive}>
<div className="mx-1"> <div className="mx-1 flex gap-2">
<FontAwesomeIcon icon={faPlug} className="mr-4" /> <div className="w-6">
<FontAwesomeIcon icon={faPlug} className="mr-4" />
</div>
App Connections App Connections
</div> </div>
</MenuItem> </MenuItem>
@@ -127,8 +141,10 @@ export const OrgSidebar = ({ isHidden }: Props) => {
<Link to="/organization/gateways"> <Link to="/organization/gateways">
{({ isActive }) => ( {({ isActive }) => (
<MenuItem isSelected={isActive}> <MenuItem isSelected={isActive}>
<div className="mx-1"> <div className="mx-1 flex gap-2">
<FontAwesomeIcon icon={faDoorClosed} className="mr-4" /> <div className="w-6">
<FontAwesomeIcon icon={faDoorClosed} className="mr-4" />
</div>
Gateways Gateways
</div> </div>
</MenuItem> </MenuItem>