mirror of
https://github.com/Radarr/Radarr
synced 2025-12-06 16:32:36 +01:00
Fix maximum typo and clean unused CSS files
This commit is contained in:
parent
dfdd2cba99
commit
107ddd3826
10 changed files with 16 additions and 109 deletions
|
|
@ -14,17 +14,17 @@ const columnPadding = parseInt(dimensions.movieIndexColumnPadding);
|
||||||
const columnPaddingSmallScreen = parseInt(dimensions.movieIndexColumnPaddingSmallScreen);
|
const columnPaddingSmallScreen = parseInt(dimensions.movieIndexColumnPaddingSmallScreen);
|
||||||
|
|
||||||
function calculatePosterWidth(posterSize, isSmallScreen) {
|
function calculatePosterWidth(posterSize, isSmallScreen) {
|
||||||
const maxiumPosterWidth = isSmallScreen ? 152 : 162;
|
const maximumPosterWidth = isSmallScreen ? 152 : 162;
|
||||||
|
|
||||||
if (posterSize === 'large') {
|
if (posterSize === 'large') {
|
||||||
return maxiumPosterWidth;
|
return maximumPosterWidth;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (posterSize === 'medium') {
|
if (posterSize === 'medium') {
|
||||||
return Math.floor(maxiumPosterWidth * 0.75);
|
return Math.floor(maximumPosterWidth * 0.75);
|
||||||
}
|
}
|
||||||
|
|
||||||
return Math.floor(maxiumPosterWidth * 0.5);
|
return Math.floor(maximumPosterWidth * 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
function calculateRowHeight(posterHeight, sortKey, isSmallScreen, overviewOptions) {
|
function calculateRowHeight(posterHeight, sortKey, isSmallScreen, overviewOptions) {
|
||||||
|
|
|
||||||
|
|
@ -14,17 +14,17 @@ const columnPadding = parseInt(dimensions.movieIndexColumnPadding);
|
||||||
const columnPaddingSmallScreen = parseInt(dimensions.movieIndexColumnPaddingSmallScreen);
|
const columnPaddingSmallScreen = parseInt(dimensions.movieIndexColumnPaddingSmallScreen);
|
||||||
|
|
||||||
function calculatePosterWidth(posterSize, isSmallScreen) {
|
function calculatePosterWidth(posterSize, isSmallScreen) {
|
||||||
const maxiumPosterWidth = isSmallScreen ? 152 : 162;
|
const maximumPosterWidth = isSmallScreen ? 152 : 162;
|
||||||
|
|
||||||
if (posterSize === 'large') {
|
if (posterSize === 'large') {
|
||||||
return maxiumPosterWidth;
|
return maximumPosterWidth;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (posterSize === 'medium') {
|
if (posterSize === 'medium') {
|
||||||
return Math.floor(maxiumPosterWidth * 0.75);
|
return Math.floor(maximumPosterWidth * 0.75);
|
||||||
}
|
}
|
||||||
|
|
||||||
return Math.floor(maxiumPosterWidth * 0.5);
|
return Math.floor(maximumPosterWidth * 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
function calculateRowHeight(posterHeight, sortKey, isSmallScreen, overviewOptions) {
|
function calculateRowHeight(posterHeight, sortKey, isSmallScreen, overviewOptions) {
|
||||||
|
|
|
||||||
|
|
@ -22,12 +22,12 @@ const additionalColumnCount = {
|
||||||
};
|
};
|
||||||
|
|
||||||
function calculateColumnWidth(width, posterSize, isSmallScreen) {
|
function calculateColumnWidth(width, posterSize, isSmallScreen) {
|
||||||
const maxiumColumnWidth = isSmallScreen ? 172 : 182;
|
const maximumColumnWidth = isSmallScreen ? 172 : 182;
|
||||||
const columns = Math.floor(width / maxiumColumnWidth);
|
const columns = Math.floor(width / maximumColumnWidth);
|
||||||
const remainder = width % maxiumColumnWidth;
|
const remainder = width % maximumColumnWidth;
|
||||||
|
|
||||||
if (remainder === 0 && posterSize === 'large') {
|
if (remainder === 0 && posterSize === 'large') {
|
||||||
return maxiumColumnWidth;
|
return maximumColumnWidth;
|
||||||
}
|
}
|
||||||
|
|
||||||
return Math.floor(width / (columns + additionalColumnCount[posterSize]));
|
return Math.floor(width / (columns + additionalColumnCount[posterSize]));
|
||||||
|
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
.blankpad {
|
|
||||||
padding-top: 10px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
padding-left: 2em;
|
|
||||||
}
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
// This file is automatically generated.
|
|
||||||
// Please do not change this file!
|
|
||||||
interface CssExports {
|
|
||||||
'blankpad': string;
|
|
||||||
}
|
|
||||||
export const cssExports: CssExports;
|
|
||||||
export default cssExports;
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
.grid {
|
|
||||||
flex: 1 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
&:hover {
|
|
||||||
.content {
|
|
||||||
background-color: var(--tableRowHoverBackgroundColor);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
// This file is automatically generated.
|
|
||||||
// Please do not change this file!
|
|
||||||
interface CssExports {
|
|
||||||
'container': string;
|
|
||||||
'content': string;
|
|
||||||
'grid': string;
|
|
||||||
}
|
|
||||||
export const cssExports: CssExports;
|
|
||||||
export default cssExports;
|
|
||||||
|
|
@ -80,17 +80,17 @@ function MovieIndexOverviews(props: MovieIndexOverviewsProps) {
|
||||||
const [size, setSize] = useState({ width: 0, height: 0 });
|
const [size, setSize] = useState({ width: 0, height: 0 });
|
||||||
|
|
||||||
const posterWidth = useMemo(() => {
|
const posterWidth = useMemo(() => {
|
||||||
const maxiumPosterWidth = isSmallScreen ? 152 : 162;
|
const maximumPosterWidth = isSmallScreen ? 152 : 162;
|
||||||
|
|
||||||
if (posterSize === 'large') {
|
if (posterSize === 'large') {
|
||||||
return maxiumPosterWidth;
|
return maximumPosterWidth;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (posterSize === 'medium') {
|
if (posterSize === 'medium') {
|
||||||
return Math.floor(maxiumPosterWidth * 0.75);
|
return Math.floor(maximumPosterWidth * 0.75);
|
||||||
}
|
}
|
||||||
|
|
||||||
return Math.floor(maxiumPosterWidth * 0.5);
|
return Math.floor(maximumPosterWidth * 0.5);
|
||||||
}, [posterSize, isSmallScreen]);
|
}, [posterSize, isSmallScreen]);
|
||||||
|
|
||||||
const posterHeight = useMemo(() => {
|
const posterHeight = useMemo(() => {
|
||||||
|
|
|
||||||
|
|
@ -1,46 +0,0 @@
|
||||||
.center {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.missingUnmonitoredBackground {
|
|
||||||
&:global(.colorImpaired) {
|
|
||||||
background: repeating-linear-gradient(45deg, var(--colorImpairedGradientDark), var(--colorImpairedGradientDark) 5px, var(--colorImpairedGradient) 5px, var(--colorImpairedGradient) 10px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.missingMonitoredBackground {
|
|
||||||
&:global(.colorImpaired) {
|
|
||||||
background: repeating-linear-gradient(90deg, var(--colorImpairedGradientDark), var(--colorImpairedGradientDark) 5px, var(--colorImpairedGradient) 5px, var(--colorImpairedGradient) 10px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.queue {
|
|
||||||
padding-right: 2px;
|
|
||||||
border-left: 5px solid var(--queueColor);
|
|
||||||
}
|
|
||||||
|
|
||||||
.continuing {
|
|
||||||
padding-right: 2px;
|
|
||||||
border-left: 5px solid var(--primaryColor);
|
|
||||||
}
|
|
||||||
|
|
||||||
.availNotMonitored {
|
|
||||||
padding-right: 2px;
|
|
||||||
border-left: 5px solid var(--darkGray);
|
|
||||||
}
|
|
||||||
|
|
||||||
.ended {
|
|
||||||
padding-right: 2px;
|
|
||||||
border-left: 5px solid var(--successColor);
|
|
||||||
}
|
|
||||||
|
|
||||||
.missingMonitored {
|
|
||||||
padding-right: 2px;
|
|
||||||
border-left: 5px solid var(--dangerColor);
|
|
||||||
}
|
|
||||||
|
|
||||||
.missingUnmonitored {
|
|
||||||
padding-right: 2px;
|
|
||||||
border-left: 5px solid var(--warningColor);
|
|
||||||
}
|
|
||||||
15
frontend/src/Movie/MovieFileStatus.css.d.ts
vendored
15
frontend/src/Movie/MovieFileStatus.css.d.ts
vendored
|
|
@ -1,15 +0,0 @@
|
||||||
// This file is automatically generated.
|
|
||||||
// Please do not change this file!
|
|
||||||
interface CssExports {
|
|
||||||
'availNotMonitored': string;
|
|
||||||
'center': string;
|
|
||||||
'continuing': string;
|
|
||||||
'ended': string;
|
|
||||||
'missingMonitored': string;
|
|
||||||
'missingMonitoredBackground': string;
|
|
||||||
'missingUnmonitored': string;
|
|
||||||
'missingUnmonitoredBackground': string;
|
|
||||||
'queue': string;
|
|
||||||
}
|
|
||||||
export const cssExports: CssExports;
|
|
||||||
export default cssExports;
|
|
||||||
Loading…
Reference in a new issue