From 4d2a61658e6f061688a40ace1909ac76e685ef3e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?= =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?= Date: Tue, 3 Jan 2023 12:27:36 +0800 Subject: Make Sign In shows up all fields first --- SignInFlickable.ui.qml | 53 ++++++++++++++++++++++++++------------------------ 1 file changed, 28 insertions(+), 25 deletions(-) diff --git a/SignInFlickable.ui.qml b/SignInFlickable.ui.qml index 1e5ec9d..40a9bd2 100644 --- a/SignInFlickable.ui.qml +++ b/SignInFlickable.ui.qml @@ -2,39 +2,42 @@ import QtQuick 2.15 import QtQuick.Controls 2.15 import QtQuick.Layouts 1.15 -Flickable { - contentHeight: form.height +GridLayout { - ListView { - id: form - interactive: false - anchors { - top: parent.top - left: parent.left - right: parent.right - } + ColumnLayout { - model: ListModel { - ListElement { - label: qsTr("Email address *") - icon: "Bootstrap/icons/envelope-fill.svg" - placeholder: qsTr("E-mail") + ColumnLayout { + Label { + text: qsTr("Email address *") } - ListElement { - label: qsTr("Password *") - icon: "Font-Awesome/svgs/solid/lock.svg" - placeholder: qsTr("password") + RowLayout { + Image { + id: envelope + source: "Bootstrap/icons/envelope-fill.svg" + } + TextField { + placeholderText: qsTr("E-mail") + Layout.fillWidth: true + } } } - delegate: ColumnLayout { - width: form.width + ColumnLayout { Label { - text: label + text: qsTr("Password *") } - TextField { - placeholderText: placeholder - Layout.fillWidth: true + RowLayout { + Image { + source: "Font-Awesome/svgs/solid/lock.svg" + sourceSize { + width: envelope.height + height: envelope.height + } + } + TextField { + placeholderText: qsTr("password") + Layout.fillWidth: true + } } } } -- cgit v1.2.3