resize name conv

This commit is contained in:
Elisee ADJIGUIDI 2023-06-26 06:36:29 +02:00
parent 94e6250e17
commit cd4e414d16
3 changed files with 7 additions and 2 deletions

View File

@ -538,7 +538,7 @@ function Chats(){
{/* <img className="pic-user" src={DefaultPic} alt="User" /> */} {/* <img className="pic-user" src={DefaultPic} alt="User" /> */}
<HiChatBubbleLeft className="catchat"/> <HiChatBubbleLeft className="catchat"/>
<div className="infoSideBar"> <div className="infoSideBar">
<span>{c.name}</span> <h2>{c.name}</h2>
{/* <SideP>Desc?</SideP> */} {/* <SideP>Desc?</SideP> */}
</div> </div>
</UserChat> </UserChat>

View File

@ -94,7 +94,7 @@ const ModalEdit = () => {
initial="hidden" initial="hidden"
animate="visible" animate="visible"
exit="exit"> exit="exit">
<h2>Type your new name</h2> <h1>Type your new name</h1>
<input className="text" minLength={2} maxLength={10} type="text" value={nickname} onChange={handler} /> <input className="text" minLength={2} maxLength={10} type="text" value={nickname} onChange={handler} />
<div> <div>
<div className="button" onClick={handlePostNickname}> <div className="button" onClick={handlePostNickname}>

View File

@ -409,3 +409,8 @@ input.in_howLong{
margin-left: -50px; margin-left: -50px;
} }
h2{
overflow-wrap: break-word;
max-width: 200px;
}