diff --git a/public/styles/styleQuote.css b/public/styles/styleQuote.css index 2e38bf8..b058faf 100644 --- a/public/styles/styleQuote.css +++ b/public/styles/styleQuote.css @@ -120,16 +120,16 @@ body.light-mode .like-icon-none img{ } .comAdd{ - width : 20vw; - height : 4vh; + width : 21vw; + height : 5vh; padding-left: 1vh; border: none; border-radius: 20px; } .btn{ - width : 2vw; - height : 4vh; + width : 5vh; + height : 5vh; padding-left: 1vh; border: none; border-radius: 50px; @@ -149,7 +149,7 @@ body.light-mode .like-icon-none img{ display: flex; flex-direction: column; overflow-y: auto; - height: 55vh; + height: 95%; } .comment_section::-webkit-scrollbar { @@ -230,7 +230,7 @@ body.light-mode .like-icon-none img{ } .infoQuote{ - margin: 2vh; + margin-bottom: 2vh; height: 31vh; } @@ -245,11 +245,13 @@ body.light-mode .like-icon-none img{ margin-bottom: -5px; } -.avatar{ +.avatar { width: 40px; height: 40px; border-radius: 50%; - margin-right: 15px; + margin-right: 10px; + object-fit: cover; + border: #000 solid 1.5px; } .imgIcones{ @@ -258,8 +260,8 @@ body.light-mode .like-icon-none img{ } .comAdd :focus { - outline: none; /* Supprime la bordure bleue */ - box-shadow: none; /* Supprime également toute ombre ajoutée */ + outline: none; + box-shadow: none; } .likeLien{ @@ -315,8 +317,8 @@ body.light-mode .like-icon-none img{ } .btn{ - width : 5vw; - height : 5vw; + width : 5vh; + height : 5vh; } .com{