mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-08 17:06:15 -08:00
4gray
ccc50573d4
Add app-region: drag to container and header elements and app-region: no-drag to interactive controls multiple components so the Tauri window dragging behaves correctly while keeping buttons and form controls clickable. Expand header search max width from 500px to 800px to give more room on larger screens. Clean up and restyle video-player toolbar toolbar primary colors and unify toolbar spacing. Files changed include navigation, sidebar, header, main containers, live-stream layout, navigation-bar, stalker container, and video-player toolbar. These changes improve window drag UX on desktop and refine toolbar/header appearance.
72 lines
1.1 KiB
SCSS
72 lines
1.1 KiB
SCSS
@use '@angular/material' as mat;
|
|
|
|
:host {
|
|
display: flex;
|
|
flex-direction: row;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.sidebar {
|
|
width: 300px;
|
|
min-width: 300px;
|
|
border-right: 1px solid #111;
|
|
}
|
|
|
|
.content-container {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.video-player {
|
|
flex: 1;
|
|
height: 50%;
|
|
}
|
|
|
|
.epg {
|
|
flex: 1;
|
|
height: 50%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.epg-content {
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.sidebar-header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
app-region: drag;
|
|
|
|
button {
|
|
@include mat.form-field-density(-5);
|
|
app-region: no-drag;
|
|
}
|
|
}
|
|
|
|
.no-channel-selected {
|
|
padding: 16px;
|
|
margin: 0;
|
|
font-size: 1.2rem;
|
|
font-weight: 500;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
|
|
::ng-deep {
|
|
.video-player
|
|
> app-web-player-view
|
|
> app-art-player
|
|
> .artplayer-container {
|
|
height: 100% !important;
|
|
width: 100% !important;
|
|
}
|
|
}
|