From 289cc4c72cdbdd9ea24c8fc1edff28b2aa3c01ef Mon Sep 17 00:00:00 2001 From: Anatasof Wirapraja Date: Tue, 31 Jan 2023 17:27:16 +0700 Subject: finalize textfield components UI --- SignInFlickable.ui.qml | 42 +++++++++++++++++++++++++++++------------- 1 file changed, 29 insertions(+), 13 deletions(-) diff --git a/SignInFlickable.ui.qml b/SignInFlickable.ui.qml index 61fd8fe..0e67a23 100644 --- a/SignInFlickable.ui.qml +++ b/SignInFlickable.ui.qml @@ -24,7 +24,6 @@ GridLayout { color: "#f5f7f9" radius: 8 border.width: 0 - layer.textureSize.height: 1 Layout.fillWidth: true RowLayout { @@ -32,6 +31,10 @@ GridLayout { Image { id: envelope source: "Bootstrap/icons/envelope-fill.svg" + sourceSize { + width: 24 + height: 24 + } Layout.margins: 16 } TextField { @@ -53,19 +56,32 @@ GridLayout { text: qsTr("Password *") font.pixelSize: 15 } - RowLayout { - Image { - source: "Font-Awesome/svgs/solid/lock.svg" - sourceSize { - width: envelope.height - height: envelope.height + + Rectangle { + height: 50 + color: "#f5f7f9" + radius: 8 + border.width: 0 + Layout.fillWidth: true + + RowLayout { + anchors.fill: parent + Image { + source: "Font-Awesome/svgs/solid/lock.svg" + Layout.maximumHeight: 24 + Layout.maximumWidth: 24 + Layout.margins: 16 + } + TextField { + id: password + placeholderText: qsTr("Password") + font.pixelSize: 15 + Layout.fillWidth: true + Layout.fillHeight: true + background: Rectangle { + color: "transparent" + } } - } - TextField { - id: password - placeholderText: qsTr("password") - font.pixelSize: 15 - Layout.fillWidth: true } } } -- cgit v1.2.3