@@ -80,12 +80,12 @@ const getOptions = (translate: (key: string) => string) =>
8080const getWidthBasedConfig = ( width : number , enableResponsiveOptions : boolean ) => {
8181 const breakpoints = enableResponsiveOptions
8282 ? [
83- { limit : 100 , min : 1600 , options : [ "5" , "10" , "25" , "50" ] } , // xl: extra large screens
84- { limit : 25 , min : 1024 , options : [ "5" , "10" , "25" ] } , // lg: large screens
85- { limit : 10 , min : 384 , options : [ "5" , "10" ] } , // md: medium screens
86- { limit : 5 , min : 0 , options : [ "5" ] } , // sm: small screens and below
83+ { limit : 100 , min : 1600 , options : [ "1" , " 5", "10" , "25" , "50" ] } , // xl: extra large screens
84+ { limit : 25 , min : 1024 , options : [ "1" , " 5", "10" , "25" ] } , // lg: large screens
85+ { limit : 10 , min : 384 , options : [ "1" , " 5", "10" ] } , // md: medium screens
86+ { limit : 5 , min : 0 , options : [ "1" , " 5"] } , // sm: small screens and below
8787 ]
88- : [ { limit : 5 , min : 0 , options : [ "5" , "10" , "25" , "50" ] } ] ;
88+ : [ { limit : 5 , min : 0 , options : [ "1" , " 5", "10" , "25" , "50" ] } ] ;
8989
9090 const config = breakpoints . find ( ( { min } ) => width >= min ) ?? breakpoints [ breakpoints . length - 1 ] ;
9191
0 commit comments