Make chat bubble smaller (90%) on mobile.
This commit is contained in:
parent
b3b74b04fc
commit
0b9ed3a68a
2 changed files with 1 additions and 3 deletions
2
js/ui.js
2
js/ui.js
|
|
@ -3,7 +3,6 @@ import { waha } from "./waha.js";
|
||||||
import { config } from "./config.js";
|
import { config } from "./config.js";
|
||||||
import { getChatPicture, getMessage, getMedia } from "./storage.js";
|
import { getChatPicture, getMessage, getMedia } from "./storage.js";
|
||||||
|
|
||||||
// DOM Selector Cache
|
|
||||||
export const elements = {
|
export const elements = {
|
||||||
chatList: document.getElementById('chat-list'),
|
chatList: document.getElementById('chat-list'),
|
||||||
chatsLoader: document.getElementById('chats-loader'),
|
chatsLoader: document.getElementById('chats-loader'),
|
||||||
|
|
@ -18,7 +17,6 @@ export const elements = {
|
||||||
messagesContainer: document.getElementById('messages-container'),
|
messagesContainer: document.getElementById('messages-container'),
|
||||||
messageForm: document.getElementById('message-form'),
|
messageForm: document.getElementById('message-form'),
|
||||||
messageInput: document.getElementById('message-input'),
|
messageInput: document.getElementById('message-input'),
|
||||||
// backToSidebarBtn: document.getElementById('back-to-sidebar'),
|
|
||||||
backToSidebarBtn: document.querySelector('.chat-header'),
|
backToSidebarBtn: document.querySelector('.chat-header'),
|
||||||
sidebar: document.querySelector('.sidebar'),
|
sidebar: document.querySelector('.sidebar'),
|
||||||
settingsModal: document.getElementById('settings-modal'),
|
settingsModal: document.getElementById('settings-modal'),
|
||||||
|
|
|
||||||
|
|
@ -745,7 +745,7 @@ input:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-group {
|
.message-group {
|
||||||
max-width: 100%;
|
max-width: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-image-attachement {
|
.message-image-attachement {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue