fix: shet bugs

pages/page/Directors.js

@@ -86,8 +86,8 @@ const Directors = () => {
         />
       </div>
 
-      <MDBContainer>
-        <MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
+      <div className='lg:mx-20 sm:mx-5'> 
+      <MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
           {DataUsers.map(item => (
             <MDBCol key={item.id}>
               <div class='card-team'>
@@ -108,7 +108,7 @@ const Directors = () => {
             </MDBCol>
           ))}
         </MDBRow>
-      </MDBContainer>
+      </div>
     </AppContainer>
   )
 }

pages/page/about.js

@@ -22,8 +22,8 @@ const About = (props) => {
                        height={1300}
                    />
                </div>
-               <MDBContainer>
-                   <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
+               <div className='lg:mx-20 sm:mx-5'> 
+               <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
                        آشنایی اجمالی با بیمارستان مهرایرانیان
                        <hr />
 
@@ -46,7 +46,7 @@ const About = (props) => {
                       </MDBProgress>
                   </div>
                    <br/>
-               </MDBContainer>
+               </div>
            </AppContainer>
         </div>
     );

pages/page/contact-us.js

@@ -33,8 +33,8 @@ const ContactUs = () => {
                 </div>
 
                 <br />
-                <MDBContainer>
-                    <br />
+                <div className='lg:mx-20 sm:mx-5'> 
+                <br />
                     <h3 className={'right-align'}>
                         آدرس
                         <MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='map-marker-alt' size='xl' />
@@ -96,7 +96,7 @@ const ContactUs = () => {
                     </div>
                     <Connect />
                     <br />
-                </MDBContainer>
+                </div>
             </AppContainer>
         </>
     );

pages/page/docs.js

@@ -30,7 +30,7 @@ const Docs = () => {
                 />
             </div>
 
-            <MDBContainer className={'mt-5 mb-5'}>
+            <div className='lg:mx-20 sm:mx-5 mt-5 mb-5'> 
                 <div className={'flex justify-content-center align-items-center w-100 mb-5 text-center'}>
                     <Image height={150} width={150} src={'/resource/icons/files.png'} />
                 </div>
@@ -42,7 +42,7 @@ const Docs = () => {
                         </MDBTypography>
                     </>
                 ))}
-            </MDBContainer>
+            </div>
         </AppContainer>
     );
 };

pages/page/news/[slug].js

@@ -47,8 +47,8 @@ const News = ({ post }) => {
         />
       </div>
       <br />
-      <MDBContainer>
-        <div className={'RTL bk image_center responsive-img'}>
+      <div className='lg:mx-20 sm:mx-5'> 
+      <div className={'RTL bk image_center responsive-img'}>
           <style jsx>
             {`
               * {
@@ -162,7 +162,7 @@ const News = ({ post }) => {
             تاریخ انتشار :{moment(post.created_at, 'YYYY-M-D HH:mm:ss').format('HH:mm - jYYYY/jM/jD')}
           </MDBTypography>
         </div>
-      </MDBContainer>
+      </div>
       <br />
       <br />
       <br />