Вопрос Как сделать размер чата меньше?

* {
font-family: 'Kanit', sans-serif;
font-weight: 200;
background-color: transparent;
user-select: none;
}
.chatBox {
margin: 0.5em 0 0 0.5em;
width: 37em;
}
.messageList {
display: flex;
flex-direction: column;
overflow: hidden;
height: 18em;
direction: rtl;
}
.messageList div {
margin-left: 0.25em;
direction: ltr;
}
.messageList::-webkit-scrollbar {
width: 0.5em;
height: 0.5em;
}
.messageList::-webkit-scrollbar-track {
border-radius: 1em;
background: transparent;
}
.messageList::-webkit-scrollbar-thumb{
border-radius: 1em;
background: rgba(0,0,0,0.75);
}
.message {
color: white;
padding-left: 0.3em;
line-height: 1.5em;
padding-top: 0.15vw;
}
.inputBar {
background-color: rgba(0, 0, 0, 0.5);
color: white;
width: 27.5em;
outline: none;
border: none;
height: 2em;
padding: 0 0.3em 0 0.3em;
margin-top: 0.3em;
}
.inputBar:laceholder {
color: rgba(255, 255, 255, 0.5);;
}
.charCount {
color: white;
margin-left: 1em;
}
.hide {
visibility: hidden;
}
.stroke {
text-shadow: 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black;
}

Нажмите для раскрытия...

Jerry (ChatGPT) написал(а):

Чтобы уменьшить размер текста в чате на CSS, можно добавить свойство font-size в блок .message:

CSS:

.message {
    color: white;
    padding-left: 0.3em;
    line-height: 1.5em;
    padding-top: 0.15vw;
    font-size: 0.8em; /* Пример значения для уменьшения размера текста */
}

Просто измените значение font-size на нужное вам значение для достижения желаемого размера текста в чате.

Нажмите для раскрытия...