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

[Yara_Amon]

У меня есть кастомный чат, только как сделать меньше текст в чате на css.
Код css

* {
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 на нужное вам значение для достижения желаемого размера текста в чате.

 

[Yara_Amon]

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 на нужное вам значение для достижения желаемого размера текста в чате.

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

Не помогло

 

[kutuzlk]

Yara_Amon написал(а):

У меня есть кастомный чат, только как сделать меньше текст в чате на css.
Код css

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

Ну как минимум нужно прикреплять код CSS и HTML.
А потом просить помощи. Во вторых код скорее всего не твой, если ты не можешь сделать этого.
Мой тебе совет, заходишь в браузерку, открываешь код элемента, и ищешь элементы свои там. После чего меняешь в css в браузерке, и сразу смотришь как это выглядит.Потом изменения вносишь в код и вуаля. Всё работает.

 

[Inoi]

kutuzlk написал(а):

Ну как минимум нужно прикреплять код CSS и HTML.
А потом просить помощи. Во вторых код скорее всего не твой, если ты не можешь сделать этого.
Мой тебе совет, заходишь в браузерку, открываешь код элемента, и ищешь элементы свои там. После чего меняешь в css в браузерке, и сразу смотришь как это выглядит.Потом изменения вносишь в код и вуаля. Всё работает.

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

разумеется код не его, он абсолютный ноль
весь код который этот молодой человек скидывает во всех своих темах - написан нейросетью
ну либо где-то просто спижжен, но большая часть - это генерация нейросети

ему сначала одна нейросеть пишет код, потом он идёт сюда с каждым чихом, спрашивать совета у бота
легче это просто игнорировать уже