Files
iptvnator/apps/web/src/styles.scss
T
4gray e279172dfe fix(ui): correct fonts, semicolons and preload target
- Add missing semicolon in apps/web/src/styles.scss to fix invalid CSS
  that could break style parsing for .scroll-viewport.
- Change preconnect in apps/web/src/index.html from fonts.gstatic.com to
  fonts.googleapis.com and consolidate multiple Google Fonts links into 
  a single stylesheet URL to reduce redundant requests and ensure 
  Material Icons and selected font families load together.
  Remove duplicated @import of Outfit in
  
  libs/ui/components/src/lib/multi-epg/multi-epg-container.component.scss, 
  switch component font-family to Roboto (with fallback) and update 
  button font to match, ensuring consistent typography and avoiding 
  external import duplication across components. ese changes fix a 
  ntax error, optimize font loading, and standardize
typography across the UI.
2025-11-23 18:50:46 +01:00

84 lines
1.4 KiB
SCSS

// @import 'themes/';
@import '@yangkghjh/videojs-aspect-ratio-panel/dist/videojs-aspect-ratio-panel.css';
body,
html {
user-select: none;
margin: 0;
padding: 0;
height: 100%;
font-family: Roboto, 'Helvetica Neue', sans-serif;
}
@media (display-mode: standalone) {
body {
overscroll-behavior-y: contain;
overflow: hidden;
}
}
.mat-toolbar.mat-primary {
background: #000;
color: #b8b8b8;
}
.full-width {
width: 100%;
}
.mat-toolbar-row,
.mat-toolbar-single-row {
height: 54px;
}
.mat-tab-label-active {
opacity: 1 !important;
}
input,
button,
textarea,
:focus {
outline: none;
}
/* .dark-theme .mat-expansion-panel,
.dark-theme .mat-drawer,
.dark-theme .mat-app-background,
.dark-theme.mat-app-background {
background-color: #1d1d1d;
} */
.dark-theme {
::-webkit-scrollbar {
overflow-y: scroll;
}
::-webkit-scrollbar-thumb {
background-color: rgb(60 60 60);
border-radius: 10px;
}
}
.mb-10 {
margin-bottom: 10px;
}
.about-dialog-overlay {
.mat-mdc-dialog-surface {
text-align: center;
background: black !important;
color: #fff !important;
padding: 10px;
}
}
.scroll-viewport-portals {
min-height: calc(100vh - 170px) !important;
overflow-x: hidden !important;
}
.mat-drawer-inner-container {
overflow: hidden !important;
}