Fixed vendor issues + new logos

client/src/pages/manage/manage.page.component.jsx

@@ -158,7 +158,7 @@ export function Manage({ match, conflict }) {
 
   return (
     <Layout className="layout-container">
-      <Header style={{ background: "#fff" }}>
+      <Header style={{ background: "azure" }}>
         <HeaderContainer />
       </Header>
       <Content className="content-container">

client/src/pages/shop-vendor/shop-vendor.page.component.jsx

@@ -1,12 +1,28 @@
+import { Col, Row } from "antd";
 import React from "react";
-import VendorsListContainer from "../../components/vendors-list/vendors-list.container";
 import VendorsFormContainer from "../../components/vendors-form/vendors-form.container";
+import VendorsListContainer from "../../components/vendors-list/vendors-list.container";
+
+const listSpan = {
+  md: { span: 24 },
+  lg: { span: 8 },
+};
+const formSapn = {
+  md: { span: 24 },
+  lg: { span: 16 },
+};
 
 export default function ShopVendorPageComponent() {
   return (
     <div>
-      <VendorsListContainer />
-      <VendorsFormContainer />
+      <Row gutter={[16, 16]}>
+        <Col {...listSpan}>
+          <VendorsListContainer />
+        </Col>
+        <Col {...formSapn}>
+          <VendorsFormContainer />
+        </Col>
+      </Row>
     </div>
   );
 }