View file public/assets/admin/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;
	}
	
	ul.Nav-Horizontal {
		display: flex;
		flex-direction: column;
	}
	
	.Core .People .Buttons > .End,
	.Core .People .Buttons {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.Core .People .Buttons > .End {
		align-items: center;
		margin: 0;
	}
	
	.Button.Save,
	.Core .People a.Button.Other {
		margin: 0;
	}
	
	.Buttons {
		gap: 10px;
	}
	
	.Buttons > .End {
		gap: 10px;
	}
	
	.Buttons > .Start,
	.Buttons > .End	{
		width: 100%;
	}
	
	.Buttons > .Start > .Button,
	.Buttons > .End > .Button {
		width: 100%;
		text-align: center;
	}
	
	.Core.Files ul.Table > .Separator,
	.Core.Files ul.Table > .Item {
		overflow: auto;
	}
	
	.Core.Files ul.Table > .Separator > div,
	.Core.Files ul.Table > .Item > div {
		white-space: nowrap;
		min-width: 140px;
		justify-content: center;
	}
	
	.Core .Nav-Horizontal {
		padding: 20px;
		background-color: #f9f9f9;
	}
}

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