yorickr/plezy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: apply library density to hub rows and reduce grid sizes

Browse Source 
close #433
This commit is contained in:
edde746
2026-02-11 15:22:07 +01:00
parent 5c1e40c953
commit 5d40468dc2
3 changed files with 29 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/utils/grid_size_calculator.dart
+10 -10
View File
@@ -76,31 +76,31 @@ class GridSizeCalculator {
switch (density) {
case LibraryDensity.comfortable:
divisor = 5.0;
maxItemWidth = 320;
case LibraryDensity.normal:
divisor = 6.0;
divisor = 5.5;
maxItemWidth = 260;
case LibraryDensity.normal:
divisor = 6.5;
maxItemWidth = 230;
case LibraryDensity.compact:
divisor = 7.5;
maxItemWidth = 200;
divisor = 9.0;
maxItemWidth = 160;
}
return (availableWidth / divisor).clamp(0, maxItemWidth);
} else if (ScreenBreakpoints.isTablet(screenWidth)) {
// Medium screens (tablets): Fixed 3-4-5 items
// Medium screens (tablets): Fixed 3-4-6 items
int targetItemCount = switch (density) {
LibraryDensity.comfortable => 3,
LibraryDensity.normal => 4,
LibraryDensity.compact => 5,
LibraryDensity.compact => 6,
};
return availableWidth / targetItemCount;
} else {
// Small screens (phones): Fixed 2-3-3 items
// Small screens (phones): Fixed 2-3-4 items
int targetItemCount = switch (density) {
LibraryDensity.comfortable => 2,
LibraryDensity.normal => 3,
LibraryDensity.compact => 3,
LibraryDensity.compact => 4,
};
return availableWidth / targetItemCount;
}
lib/utils/layout_constants.dart
+9 -9
View File
@@ -45,19 +45,19 @@ class ScreenBreakpoints {
/// Grid layout constants
class GridLayoutConstants {
/// Maximum cross-axis extent for grid items in comfortable density mode
static const double comfortableDesktop = 280;
static const double comfortableTablet = 240;
static const double comfortableMobile = 200;
static const double comfortableDesktop = 250;
static const double comfortableTablet = 210;
static const double comfortableMobile = 180;
/// Maximum cross-axis extent for grid items in compact density mode
static const double compactDesktop = 200;
static const double compactTablet = 170;
static const double compactMobile = 140;
static const double compactDesktop = 160;
static const double compactTablet = 140;
static const double compactMobile = 120;
/// Maximum cross-axis extent for grid items in normal density mode
static const double normalDesktop = 240;
static const double normalTablet = 200;
static const double normalMobile = 170;
static const double normalDesktop = 220;
static const double normalTablet = 185;
static const double normalMobile = 155;
/// Maximum cross-axis extent for grid items on TV (10ft viewing distance)
static const double comfortableTV = 200;