mirror of
https://github.com/subsurface/subsurface.git
synced 2025-02-19 22:16:15 +00:00
Improve TopBar and login window layout
This provides a bit more spacing around the logo and aligns the text to the bottom of the logo, rather than to its horizontal center. Looks cleaner. Text in the login page is now aligned towards the inputs, giving a closer connection between label and widget. Signed-off-by: Sebastian Kügler <sebas@kde.org> Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
parent
09b7ebf28b
commit
ff82d1cc15
2 changed files with 34 additions and 17 deletions
|
@ -20,14 +20,15 @@ Item {
|
|||
anchors.margins: units.gridUnit
|
||||
|
||||
Label {
|
||||
text: "Enter your Subsurface cloud credentials"
|
||||
text: "Cloud credentials"
|
||||
Layout.bottomMargin: units.largeSpacing
|
||||
font.pointSize: units.titlePointSize
|
||||
Layout.columnSpan: 2
|
||||
}
|
||||
|
||||
Label {
|
||||
text: "Email Address:"
|
||||
text: "Email Address"
|
||||
Layout.alignment: Qt.AlignRight
|
||||
}
|
||||
|
||||
TextField {
|
||||
|
@ -38,6 +39,7 @@ Item {
|
|||
|
||||
Label {
|
||||
text: "Password"
|
||||
Layout.alignment: Qt.AlignRight
|
||||
}
|
||||
|
||||
TextField {
|
||||
|
@ -49,6 +51,7 @@ Item {
|
|||
|
||||
Label {
|
||||
text: "Show password"
|
||||
Layout.alignment: Qt.AlignRight
|
||||
}
|
||||
|
||||
CheckBox {
|
||||
|
|
|
@ -13,27 +13,41 @@ Rectangle {
|
|||
property bool goBack: (stackView.depth > 1)
|
||||
|
||||
color: theme.accentColor
|
||||
Layout.minimumHeight: units.gridUnit * 2 + units.smallSpacing * 2
|
||||
Layout.minimumHeight: units.gridUnit * 2 + units.largeSpacing
|
||||
Layout.fillWidth: true
|
||||
Layout.margins: 0
|
||||
RowLayout {
|
||||
anchors.bottom: topPart.bottom
|
||||
anchors.bottomMargin: units.smallSpacing
|
||||
anchors.bottomMargin: units.largeSpacing / 2
|
||||
anchors.left: topPart.left
|
||||
anchors.leftMargin: units.smallSpacing
|
||||
anchors.leftMargin: units.largeSpacing / 2
|
||||
anchors.right: topPart.right
|
||||
anchors.rightMargin: units.smallSpacing
|
||||
Image {
|
||||
source: "qrc:/qml/subsurface-mobile-icon.png"
|
||||
Layout.maximumWidth: units.gridUnit * 2
|
||||
Layout.preferredWidth: units.gridUnit * 2
|
||||
Layout.preferredHeight: units.gridUnit * 2
|
||||
}
|
||||
Text {
|
||||
text: qsTr("Subsurface")
|
||||
font.pointSize: units.fontMetrics.font.pointSize * 2
|
||||
Layout.fillWidth: false
|
||||
color: theme.accentTextColor
|
||||
anchors.rightMargin: units.largeSpacing / 2
|
||||
Item {
|
||||
Layout.preferredHeight: subsurfaceLogo.height
|
||||
Image {
|
||||
id: subsurfaceLogo
|
||||
source: "qrc:/qml/subsurface-mobile-icon.png"
|
||||
anchors {
|
||||
top: parent.top
|
||||
left: parent.left
|
||||
}
|
||||
width: units.gridUnit * 2
|
||||
height: width
|
||||
}
|
||||
Text {
|
||||
text: qsTr("Subsurface")
|
||||
height: subsurfaceLogo.height
|
||||
anchors {
|
||||
left: subsurfaceLogo.right
|
||||
bottom: subsurfaceLogo.bottom
|
||||
leftMargin: units.gridUnit / 2
|
||||
}
|
||||
font.pointSize: units.fontMetrics.font.pointSize * 1.5
|
||||
verticalAlignment: Text.AlignBottom
|
||||
Layout.fillWidth: false
|
||||
color: theme.accentTextColor
|
||||
}
|
||||
}
|
||||
Item {
|
||||
Layout.fillWidth: true
|
||||
|
|
Loading…
Add table
Reference in a new issue