@@ -84,12 +84,12 @@ const getOptions = (translate: (key: string) => string) =>
8484const getWidthBasedConfig = ( width : number , enableResponsiveOptions : boolean ) => {
8585 const breakpoints = enableResponsiveOptions
8686 ? [
87- { limit : 100 , min : 1600 , options : [ "5" , "10" , "25" , "50" ] } , // xl: extra large screens
88- { limit : 25 , min : 1024 , options : [ "5" , "10" , "25" ] } , // lg: large screens
89- { limit : 10 , min : 384 , options : [ "5" , "10" ] } , // md: medium screens
90- { limit : 5 , min : 0 , options : [ "5" ] } , // sm: small screens and below
87+ { limit : 100 , min : 1600 , options : [ "1" , " 5", "10" , "25" , "50" ] } , // xl: extra large screens
88+ { limit : 25 , min : 1024 , options : [ "1" , " 5", "10" , "25" ] } , // lg: large screens
89+ { limit : 10 , min : 384 , options : [ "1" , " 5", "10" ] } , // md: medium screens
90+ { limit : 5 , min : 0 , options : [ "1" , " 5"] } , // sm: small screens and below
9191 ]
92- : [ { limit : 5 , min : 0 , options : [ "5" , "10" , "25" , "50" ] } ] ;
92+ : [ { limit : 5 , min : 0 , options : [ "1" , " 5", "10" , "25" , "50" ] } ] ;
9393
9494 const config = breakpoints . find ( ( { min } ) => width >= min ) ?? breakpoints [ breakpoints . length - 1 ] ;
9595
0 commit comments