From 1df0abcc87bf259b0e82fbb9774417c3af78a852 Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anatasof.wirapraja@gmail.com>
Date: Tue, 31 Jan 2023 14:49:40 +0700
Subject: add Rectangle to give background to email field

---
 SignInFlickable.ui.qml | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

(limited to 'SignInFlickable.ui.qml')

diff --git a/SignInFlickable.ui.qml b/SignInFlickable.ui.qml
index e52415d..02c323d 100644
--- a/SignInFlickable.ui.qml
+++ b/SignInFlickable.ui.qml
@@ -18,16 +18,27 @@ GridLayout {
 					text: qsTr("Email address *")
 					font.pixelSize: 15
 				}
-				RowLayout {
-					Image {
-						id: envelope
-						source: "Bootstrap/icons/envelope-fill.svg"
-					}
-					TextField {
-						id: email
-						placeholderText: qsTr("E-mail")
-						font.pixelSize: 15
-						Layout.fillWidth: true
+
+				Rectangle {
+					height: 50
+					color: "#f5f7f9"
+					radius: 8
+					border.width: 0
+					layer.textureSize.height: 1
+					Layout.fillWidth: true
+					
+					RowLayout {
+						Image {
+							id: envelope
+							source: "Bootstrap/icons/envelope-fill.svg"
+						}
+						TextField {
+							id: email
+							placeholderText: qsTr("E-mail")
+							font.pixelSize: 15
+							Layout.fillWidth: true
+							Layout.fillHeight: true
+						}
 					}
 				}
 			}
-- 
cgit v1.2.3