Update styles in pages

src/App.scss

@@ -129,8 +129,8 @@ main {
 }
 .MyCarousel {
   display: block;
-  min-width: 80%;
-  min-height: 80%;
+  min-width: 60%;
+  min-height: 60%;
   background: #c6cece87;
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
   box-shadow: inset 2px 2px 5px rgba(128, 125, 125, 0.9);
@@ -206,7 +206,7 @@ main {
   display: block;
 
   flex-direction: column;
-  height: 300px;
+  height: 200px;
   overflow-y: scroll;
 }
 .ScrollForFeed {

src/components/Explore.js

@@ -54,7 +54,8 @@ const ExplorePosts = ({ explorePosts = [], onPost, onClearExplore,
               display: 'flex',
               flexWrap: 'wrap',
               padding: '20px',
-              margin: '20px',
+                margin: '20px',
+                marginTop:'50px'
             }}
           >
             {(explorePosts || [])?.map((item) => (

src/components/LinkToUser.js

@@ -2,11 +2,11 @@ import user from '../materials/user.png'
 import { Link} from 'react-router-dom'
 import { Avatar, Col} from 'antd'
 
-export const LinkToUser = ({ owner, size, font='15px',sizePadding='20px' }) => {
+export const LinkToUser = ({ owner, size, font='15px',padding='10px', sizePadding='20px' }) => {
     return <Col className="gutter-row" style={{padding:sizePadding}}>
         <Link to={`/profile/${owner?._id}`} style={{
             display: 'flex',
-            padding: '10px', flexDirection: 'row',
+            padding: padding, flexDirection: 'row',
             fontSize:font
         }}>
         {owner?.avatar ? (

src/components/Post.js

@@ -29,7 +29,7 @@ const EditMyPost = ({ _id }) => {
     <>
       <Link to={`/edit/post/${_id}`}>
         <Button
-          style={{ marginLeft: '300px', width: '100px' }}
+          style={{ marginLeft: '200px',marginTop:'10px', width: '100px' }}
           size="large"
           type="primary"
         >
@@ -156,7 +156,7 @@ export const PagePost = ({
   return (
     <>
       <Row>
-        <Col span={14}>
+        <Col span={14} style={{marginTop:'100px'}}>
           <ConstructorModal
             title={'Edit post'}
             isModalVisible={isModalVisible}
@@ -169,14 +169,16 @@ export const PagePost = ({
             style={{ position: 'absolute' }}
             images={onePost?.images}
           />
-          <h3 style={{ textAlign: 'center', padding: '30px' }}>
+          <h3 style={{ textAlign: 'center', padding: '10px' }}>
             Created Post:{' '}
             {new Intl.DateTimeFormat('en-GB').format(onePost?.createdAt)}
           </h3>
         </Col>
         <Col span={8}>
-          <div style={{ display: 'flex', flexDirection: 'row' }}>
-            <LinkToUser owner={onePost?.owner} size={'50px'}/>
+          <div style={{ display: 'flex', flexDirection: 'row', marginTop:'100px' }}>
+            
+            <LinkToUser owner={onePost?.owner} size={'50px'} padding={'0px'} />
+            {/* {my_Id === onePost?.owner?._id && <EditMyPost _id={_id} />} */}
             {/* {onePost?.owner?.avatar ? (
               <Avatar
                 style={{ width: '50px', height: '50px' }}
@@ -205,7 +207,7 @@ export const PagePost = ({
               comments={onePost?.comments || []}
             />
           </div>
-          <div style={{ display: 'flex', margin: '50px 10px' }}>
+          <div style={{ display: 'flex', margin: '40px 10px' }}>
             <CLike likes={onePost?.likes} postId={onePost?._id} />
             <AddComment addComment={addComment} postId={onePost?._id} />
           </div>

src/components/User.js

@@ -132,12 +132,12 @@ export const PageAboutUser = ({
         </Col>
       </Row>
       <Row>
-        <Col span={15} offset={6}>
+        <Col span={17} offset={4}>
           <div
             style={{
               display: 'flex',
               flexWrap: 'wrap',
-              padding: '20px',
+              // padding: '20px',
               margin: '20px',
             }}
           >

src/redux/thunk/index.js

@@ -21,7 +21,6 @@ import { actionAddLikePostInTape } from '../reducers/feed/feedReducer'
 import{actionDeleteLikePostInTape} from '../reducers/feed/feedReducer'
 import{actionAddCommentPostInTape} from '../reducers/feed/feedReducer'
 import { actionProfilePageDataTypeUser } from '../reducers/profileUserPage/profileUserReducer'
-import {actionClearDataUserType} from '../reducers/profileUserPage/profileUserReducer'
 //profile page about me
 export const actionFullProfilePage = (_id) => async (dispatch) => {
     const aboutMe = await dispatch(actionAboutMe(_id))