vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add more height breakpoints

Browse Source
This commit is contained in:
Rohit
2025-03-18 22:22:54 +05:30
parent 39022a5316
commit a7960ecbb8
1 changed files with 50 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/helpers/dimensionUtils.ts
View File

@@ -9,12 +9,23 @@ export const WIDTH_BREAKPOINTS = {
}; };
export const HEIGHT_BREAKPOINTS = { export const HEIGHT_BREAKPOINTS = {
xs: 0, xs: 0,
sm: 700, sm: 700,
md: 800, md: 750,
lg: 900, lg: 800,
xl: 1080, xl: 850,
xxl: 1440 xxl: 900,
xxxl: 950,
xxxxl: 1000,
xxxxxl: 1050,
xxxxxxl: 1100,
xxxxxxxl: 1150,
xxxxxxxxl: 1200,
xxxxxxxxxl: 1250,
xxxxxxxxxxl: 1300,
xxxxxxxxxxxl: 1350,
xxxxxxxxxxxxl: 1400,
xxxxxxxxxxxxxl: 1440
}; };
export interface AppDimensions { export interface AppDimensions {
@@ -34,18 +45,40 @@ export const getResponsiveDimensions = (): AppDimensions => {
const browserWidth = windowWidth * 0.7; const browserWidth = windowWidth * 0.7;
const outputPreviewWidth = windowWidth * 0.716; const outputPreviewWidth = windowWidth * 0.716;
let heightFraction = 0.64; let heightFraction = 0.62;
if (windowHeight >= HEIGHT_BREAKPOINTS.xxl) { if (windowHeight >= HEIGHT_BREAKPOINTS.xxxxxxxxxxxxxl) {
heightFraction = 0.82; heightFraction = 0.82;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.xl) { } else if (windowHeight >= HEIGHT_BREAKPOINTS.xxxxxxxxxxxxl) {
heightFraction = 0.76; heightFraction = 0.81;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.lg) { } else if (windowHeight >= HEIGHT_BREAKPOINTS.xxxxxxxxxxxl) {
heightFraction = 0.71; heightFraction = 0.80;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.md) { } else if (windowHeight >= HEIGHT_BREAKPOINTS.xxxxxxxxxxl) {
heightFraction = 0.64; heightFraction = 0.79;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.sm) { } else if (windowHeight >= HEIGHT_BREAKPOINTS.xxxxxxxxxl) {
heightFraction = 0.62; heightFraction = 0.78;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.xxxxxxxxl) {
heightFraction = 0.77;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.xxxxxxxl) {
heightFraction = 0.76;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.xxxxxxl) {
heightFraction = 0.75;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.xxxxxl) {
heightFraction = 0.74;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.xxxxl) {
heightFraction = 0.73;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.xxxl) {
heightFraction = 0.72;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.xxl) {
heightFraction = 0.71;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.xl) {
heightFraction = 0.70;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.lg) {
heightFraction = 0.68;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.md) {
heightFraction = 0.66;
} else if (windowHeight >= HEIGHT_BREAKPOINTS.sm) {
heightFraction = 0.63;
} }
const browserHeight = windowHeight * heightFraction; const browserHeight = windowHeight * heightFraction;