diff options
| author | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-03-22 10:44:17 +0800 |
|---|---|---|
| committer | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-03-22 10:44:17 +0800 |
| commit | fbfd1ff47a46dd6a245d16933fa4e23765864240 (patch) | |
| tree | e0c694f5767ae75e740aed46e438e8cd26e05aa6 | |
| parent | 02b6fe5787b02a1b892e0d663e6806b925458902 (diff) | |
Grids depends on body width
| -rw-r--r-- | Home/Default.ui.qml | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/Home/Default.ui.qml b/Home/Default.ui.qml index 00fba84..041d13a 100644 --- a/Home/Default.ui.qml +++ b/Home/Default.ui.qml @@ -27,8 +27,8 @@ Flickable { GridLayout { id: banner - columns: width < 992 ? 1 : 2 - rows: width < 992 ? 2 : 1 + columns: body.width < 992 ? 1 : 2 + rows: body.width < 992 ? 2 : 1 Layout.leftMargin: -9 Layout.rightMargin: -9 Layout.bottomMargin: 48 @@ -150,14 +150,14 @@ Flickable { GridView { id: counter interactive: false - cellWidth: width < 576 ? width - : width < 1200 ? width / 2 + cellWidth: body.width < 576 ? width + : body.width < 1200 ? width / 2 : width / 4 cellHeight: 125.6 Layout.fillWidth: true - implicitHeight: width < 576 + implicitHeight: body.width < 576 ? cellHeight * count - : width < 1200 ? cellHeight * count / 2 + : body.width < 1200 ? cellHeight * count / 2 : cellHeight model: ListModel { |