Files
tuliprox/frontend/scss/app/_app_header.scss
T
euzuandGitHub c82169542f Fix/hls rewrite css fixes (#685)
* hls uri rewrite fixed
* source editor canvas pan delete icon fix
* css-fixes
* added epg smart match form to input
* staged input fix
* Disable wasm compression
2026-03-31 14:28:43 +02:00

55 lines
1.1 KiB
SCSS

@use "../size" as size;
$mobile-header-sidebar-offset: 3rem;
.tp__app-header {
display: flex;
align-items: center;
justify-content: space-between;
height: var(--app-header-height);
min-height: var(--app-header-height);
max-height: var(--app-header-height);
overflow: hidden;
background-color: var(--app-header-background-color);
border-bottom: 1px solid var(--border-color);
fill: var(--menu-icon-color);
-webkit-text-size-adjust: none;
text-size-adjust: none;
box-sizing: border-box;
.icon-AppTitle {
width: 100px !important;
}
.icon-Sidebar {
width: 1.2rem;
height: 1.2rem;
}
&-toolbar {
display: flex;
align-items: center;
gap: var(--gap-small);
.tp__icon-button {
.svg-icon {
width: 1.5rem;
height: 1.5rem;
}
}
}
}
.tp__app-main__header {
padding-left: var(--padding-micro);
}
.tp__app-sidebar__header {
padding-left: var(--padding-micro);
min-width: var(--sidebar-width-collapsed);
}
@media (max-width: size.$mobile-breakpoint) {
.tp__app-main__header {
padding-left: $mobile-header-sidebar-offset;
}
}