View file public/assets/standart/css/responsive.css

@media only screen and (max-width: 990px) {
	.Messenger.Main > .Start {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
	}
	
	.Messenger > .Start {
		min-width: auto;
	}
	
	.Messenger > .Start > .Header,
	.Messenger > .End > .Header {
		min-width: 100%;
		max-width: 100%;
		width: 100%;
	}
	
	.Messenger.Main > .End {
		display: none;
	}
	
	#Messages {
		padding: 14px 4%;
	}
	
	.Messenger > .End > .Header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
	}
	
	.Messenger > .End > .Footer {
		padding: 0 4% 20px;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
	}
	
	.Messenger > .End > .Body {
		position: fixed;
		top: 60px;
		left: 0;
		width: 100vw;
		height: calc(100% - 20%);
		height: -webkit-calc(100% - 20%);
	}
	
	#Messages > .Message > a > img,
	#Messages > .Message > video {
		width: auto;
		max-height: 150px;
	}
	
	.Messenger > .End > .Header > .Dialog > .peerInfo {
		margin-left: auto;
		flex-direction: row-reverse;
	}
	
	.Messenger > .End > .Header > .Dialog {
		padding: 0 4%;
	}
	
	#linkBack {
		display: block;
	}
	
	/*
		Настройки
	*/
	.Messenger.Settings > .Start {
		display: none;
	}
	
	/*
		Новое сообщение
	*/
	.Messenger.Main > .Start > .Header > .End {
		display: none;
	}
	
	/*
		Кнопка поиска людей
	*/
	.Messenger.Main button.mobileSearchPeople {
		display: flex;
	}
	
	/*
		Страница ошибки
	*/
	.Messenger.Error > .Start {
		display: none;
	}
	
	/*
		Вывод вверхней панели в телефоне
	*/
	.Messenger.Error > .End > .Header > .Dialog,
	.Messenger.Settings > .End > .Header > .Dialog {
		display: flex;
	}
	
	form > .row > .col-lg-6:first-child input[type="text"] {
		border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
	}
	
	form > .row > .col-lg-6:not(:first-child):not(:last-child) input[type="text"] {
		border-radius: 0;
	}
	
	form > .row > .col-lg-6:last-child input[type="text"] {
		border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
	}
	
	.Message > a.Clippaper > span.Name {
		max-width: 120px;
	}
	
	.Messenger.Settings > .End > .Body {
		height: inherit;
	}
	
	.Core.Guides .Place > .Text {
		font-size: 32px;
	}
}

@media screen and (max-height: 430px) and (orientation: landscape) {
	.Messenger > .End > .Body {
		height: -webkit-calc(100% - 35%);
		height: calc(100% - 35%);
	}
}