diff --git a/src/component/Home Page/homepage.css b/src/component/Home Page/homepage.css index 344d9a0..2c09338 100644 --- a/src/component/Home Page/homepage.css +++ b/src/component/Home Page/homepage.css @@ -150,7 +150,7 @@ span { } #picincircle { - width: 43px; + width: 39.09px; height: 39.09px; border-radius: 50%; margin-right: 1vw; diff --git a/src/component/Profile/FollowComp.jsx b/src/component/Profile/FollowComp.jsx index 1157b22..4dc91d3 100644 --- a/src/component/Profile/FollowComp.jsx +++ b/src/component/Profile/FollowComp.jsx @@ -6,16 +6,18 @@ function FollowComp (props){ const navigate = useNavigate(); return <>
- {(props.displaypic === null) ? ( ) : - ((props.displaypic.startsWith("https:")) ? ( ) : + {(props.displaypic === null) ? ( display-pic) : + ((props.displaypic.startsWith("https:")) ? ( display-pic) : ( - )) + display-pic)) } {/* */} -

{props.name}

-

{ - navigate(`/profile/${props.username}`) - }}>@{props.username}

+
+

{props.name}

+

{ + navigate(`/profile/${props.username}`) + }}>@{props.username}

+
{/*

{props.username}

*/}
diff --git a/src/component/Profile/profilePage.css b/src/component/Profile/profilePage.css index 4d8103d..604fa33 100644 --- a/src/component/Profile/profilePage.css +++ b/src/component/Profile/profilePage.css @@ -473,6 +473,8 @@ border: 0.8px solid rgba(255, 255, 255, 0.15); border-radius: 8px; display: flex; + flex-direction: row; + align-items: center; } .followName { @@ -482,17 +484,20 @@ font-size: 1.1rem; line-height: 24px; color: rgba(255, 255, 255, 0.9); - /* margin-left: 5.5vw; */ - margin-top: 13px; + margin: 0; text-transform: capitalize; } .followPic { - margin-top: 15px; margin-left:1vw; /* top:60vh; */ } +.followNameContainer { + display: flex; + flex-direction: column; +} + .followUsername { font-family: 'Montserrat'; font-style: normal; @@ -500,12 +505,10 @@ font-size: 13px; line-height: 20px; color: #47c87a; - cursor: pointer; - margin-left:-8vw; - - margin-top: 30px; + cursor: pointer; text-transform: capitalize; text-decoration: underline; + margin: 0; /* cursor: pointer; */ } @@ -655,16 +658,6 @@ z-index:15; .followCompDiv{ height:57px; } -.followPic{ - margin-top:7px; -} -.followName{ - margin-top:4px; -} -.followUsername{ - margin-left:-7vw; - margin-top:25.5px; -} #bmIcon{ margin-left:16vw; } @@ -728,9 +721,6 @@ width:25vw; margin-left: 1.5vw; margin-top:10px; } - .followUsername{ - margin-left: -8vw; - } } @media(max-width:850px){ @@ -755,9 +745,6 @@ width:25vw; .followName{ font-size: 1rem; } - .followUsername{ - margin-left:-8vw; - } .pTweetHead, .pFollowerHead , .pFollowingHead{ font-size: 1.05rem; } @@ -834,9 +821,6 @@ margin-left: 8vw; height: 57px; width:56.5vw; } -.followUsername{ - margin-left:-9vw -} .pFollowerHead{ margin-left:10vw; margin-right: 10vw; @@ -924,9 +908,6 @@ font-size: 0.9rem; #bmIcon{ margin-left:5vw; } - .followUsername{ - margin-left: -11vw; - } #DltPopUp{ width:50vw; margin-left:-4vw; @@ -985,9 +966,6 @@ font-size: 0.9rem; .followCompDiv{ width:81vw; } -.followUsername{ - margin-left:-14vw; -} .pImage{ width:130px; height:130px; @@ -1084,9 +1062,6 @@ font-size: 0.9rem; .followCompDiv{ width:83vw; } -.followUsername{ - margin-left:-16vw; -} .pImage{ width:100px; height:100px;