diff options
| author | anatasof wirapraja <anatasof.wirapraja@gmail.com> | 2023-04-04 13:37:46 +0700 |
|---|---|---|
| committer | anatasof wirapraja <anatasof.wirapraja@gmail.com> | 2023-04-04 13:37:46 +0700 |
| commit | c13fa33d94518bf15523ea9a9dffea8c7d504d3d (patch) | |
| tree | 9b75be342922447e54f0c04dc32026b731cbc300 /Course/Grid | |
| parent | 81601bfcfbb01e8c9c855bcb44f2866afd9e3f86 (diff) | |
add condition to filterBarControl margin
Diffstat (limited to 'Course/Grid')
| -rw-r--r-- | Course/Grid/Minimal/FilterBar.ui.qml | 44 |
1 files changed, 22 insertions, 22 deletions
diff --git a/Course/Grid/Minimal/FilterBar.ui.qml b/Course/Grid/Minimal/FilterBar.ui.qml index 71f4df8..52cbd05 100644 --- a/Course/Grid/Minimal/FilterBar.ui.qml +++ b/Course/Grid/Minimal/FilterBar.ui.qml @@ -15,7 +15,7 @@ Rectangle { left: parent.left right: parent.right } - columns: parent.width < 1200 ? 1 : 6 + columns: parent.width < 720 ? 1 : 6 rowSpacing: 0 columnSpacing: 0 flow: GridLayout.LeftToRight @@ -23,10 +23,10 @@ Rectangle { id: keywordInput font.family: "Roboto" font.pointSize: 16 - Layout.bottomMargin: 16 + Layout.bottomMargin: bgLightBorder.width < 720 ? 8:16 Layout.topMargin: 16 Layout.leftMargin: 16 - Layout.rightMargin: 8 + Layout.rightMargin: bgLightBorder.width < 720 ? 16:8 placeholderText: "Enter keyword" Layout.fillWidth: true } @@ -37,10 +37,10 @@ Rectangle { font.family: "Roboto" displayText: "Categories" Layout.fillWidth: true - Layout.bottomMargin: 16 - Layout.topMargin: 16 - Layout.leftMargin: 8 - Layout.rightMargin: 8 + Layout.bottomMargin: bgLightBorder.width < 720 ? 16:8 + Layout.topMargin: bgLightBorder.width < 720 ? 8:16 + Layout.leftMargin: bgLightBorder.width < 720 ? 16:8 + Layout.rightMargin: bgLightBorder.width < 720 ? 16:8 } ComboBox { id: priceLevel @@ -48,10 +48,10 @@ Rectangle { font.family: "Roboto" displayText: "Price level" Layout.fillWidth: true - Layout.bottomMargin: 16 - Layout.topMargin: 16 - Layout.leftMargin: 8 - Layout.rightMargin: 8 + Layout.bottomMargin: bgLightBorder.width < 720 ? 16:8 + Layout.topMargin: bgLightBorder.width < 720 ? 8:16 + Layout.leftMargin: bgLightBorder.width < 720 ? 16:8 + Layout.rightMargin: bgLightBorder.width < 720 ? 16:8 } ComboBox { id: skillLevel @@ -59,10 +59,10 @@ Rectangle { font.family: "Roboto" displayText: "Skill level" Layout.fillWidth: true - Layout.bottomMargin: 16 - Layout.topMargin: 16 - Layout.leftMargin: 8 - Layout.rightMargin: 8 + Layout.bottomMargin: bgLightBorder.width < 720 ? 16:8 + Layout.topMargin: bgLightBorder.width < 720 ? 8:16 + Layout.leftMargin: bgLightBorder.width < 720 ? 16:8 + Layout.rightMargin: bgLightBorder.width < 720 ? 16:8 } ComboBox { id: language @@ -70,10 +70,10 @@ Rectangle { font.family: "Roboto" displayText: "Languange" Layout.fillWidth: true - Layout.bottomMargin: 16 - Layout.topMargin: 16 - Layout.leftMargin: 8 - Layout.rightMargin: 8 + Layout.bottomMargin: bgLightBorder.width < 720 ? 16:8 + Layout.topMargin: bgLightBorder.width < 720 ? 8:16 + Layout.leftMargin: bgLightBorder.width < 720 ? 16:8 + Layout.rightMargin: bgLightBorder.width < 720 ? 16:8 } Button { @@ -82,9 +82,9 @@ Rectangle { icon.source: "../../../Font-Awesome/svgs/solid/magnifying-glass.svg" display: AbstractButton.IconOnly Layout.fillWidth: true - Layout.bottomMargin: 16 - Layout.topMargin: 16 - Layout.leftMargin: 8 + Layout.bottomMargin: bgLightBorder.width < 720 ? 16:8 + Layout.topMargin: bgLightBorder.width < 720 ? 8:16 + Layout.leftMargin: bgLightBorder.width < 720 ? 16:8 Layout.rightMargin: 16 } } |