danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-11-29 20:29:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

Maximum width message bar

Browse Source
This commit is contained in:
Daniil Gentili 2022-09-27 21:59:54 +02:00
parent 87062b53ad
commit 129c22e990
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/styles/_variables.scss
View File

@ -180,8 +180,8 @@ $color-message-reaction-own-hover: #b5e0a4;
--border-radius-default-tiny: 0.375rem; --border-radius-default-tiny: 0.375rem;
--border-radius-messages: 0.75rem; --border-radius-messages: 0.75rem;
--border-radius-messages-small: 0.375rem; --border-radius-messages-small: 0.375rem;
--messages-container-width: 45.5rem; --messages-container-width: 100vw;
--right-column-width: 26.5rem; --right-column-width: 0vw;
--header-height: 3.5rem; --header-height: 3.5rem;
--symbol-menu-width: 26.25rem; --symbol-menu-width: 26.25rem;
@ -189,15 +189,15 @@ $color-message-reaction-own-hover: #b5e0a4;
--symbol-menu-footer-height: 3rem; --symbol-menu-footer-height: 3rem;
@media (min-width: 1276px) and (max-width: 1920px) { @media (min-width: 1276px) and (max-width: 1920px) {
--right-column-width: 25vw; --right-column-width: 0vw;
} }
@media (min-width: 1921px) { @media (min-width: 1921px) {
--messages-container-width: 50vw; --messages-container-width: 100vw;
} }
@media (max-width: 600px) { @media (max-width: 600px) {
--right-column-width: 100vw; --right-column-width: 0vw;
--symbol-menu-width: 100vw; --symbol-menu-width: 100vw;
--symbol-menu-height: 14.6875rem; --symbol-menu-height: 14.6875rem;
} }