TelegramPWA/src/components/right/RightHeader.scss
2024-02-06 16:54:37 +01:00

78 lines
1.1 KiB
SCSS

.RightHeader {
display: flex;
align-items: center;
height: var(--header-height);
padding: 0.5rem 0.8125rem;
pointer-events: auto;
@media (max-width: 600px) {
padding: 0.5rem;
}
.close-button {
flex-shrink: 0;
}
> .Transition {
flex: 1;
height: 100%;
> .Transition_slide {
display: flex;
align-items: center;
}
}
.title {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 500;
margin-left: 1.375rem;
}
.header {
margin-left: 1.375rem;
.title {
font-size: 1rem;
margin-left: 0;
}
.subtitle {
color: var(--color-text-secondary);
font-size: 0.875rem;
}
}
.tools {
display: flex;
margin-left: auto;
}
.SearchInput {
margin-left: 1rem;
@media (min-width: 600px) {
margin-right: 1rem;
}
}
.DropdownMenu {
margin-left: auto;
}
body.is-electron.is-macos & {
-webkit-app-region: drag;
.SearchInput {
-webkit-app-region: no-drag;
}
}
body.is-electron.is-macos #Main:not(.is-fullscreen) & {
@media (max-width: 600px) {
padding-left: 5rem;
}
}
}