minor ui fixes
This commit is contained in:
parent
a74736b100
commit
29bef052c7
16 changed files with 57 additions and 35 deletions
|
|
@ -6,7 +6,7 @@ project(${PROJECT} VERSION 4.0.2.1
|
||||||
DESCRIPTION "AmneziaVPN"
|
DESCRIPTION "AmneziaVPN"
|
||||||
HOMEPAGE_URL "https://amnezia.org/"
|
HOMEPAGE_URL "https://amnezia.org/"
|
||||||
)
|
)
|
||||||
set(RELEASE_DATE "2023-08-16")
|
set(RELEASE_DATE "2023-08-25")
|
||||||
set(APP_MAJOR_VERSION ${CMAKE_PROJECT_VERSION_MAJOR}.${CMAKE_PROJECT_VERSION_MINOR}.${CMAKE_PROJECT_VERSION_PATCH})
|
set(APP_MAJOR_VERSION ${CMAKE_PROJECT_VERSION_MAJOR}.${CMAKE_PROJECT_VERSION_MINOR}.${CMAKE_PROJECT_VERSION_PATCH})
|
||||||
|
|
||||||
if(${CMAKE_SYSTEM_NAME} STREQUAL "Linux")
|
if(${CMAKE_SYSTEM_NAME} STREQUAL "Linux")
|
||||||
|
|
|
||||||
|
|
@ -163,7 +163,7 @@ DrawerType {
|
||||||
height: 24
|
height: 24
|
||||||
|
|
||||||
color: "#D7D8DB"
|
color: "#D7D8DB"
|
||||||
selectionColor: "#412102"
|
selectionColor: "#633303"
|
||||||
selectedTextColor: "#D7D8DB"
|
selectedTextColor: "#D7D8DB"
|
||||||
|
|
||||||
font.pixelSize: 16
|
font.pixelSize: 16
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@ CheckBox {
|
||||||
|
|
||||||
property string defaultBorderColor: "#D7D8DB"
|
property string defaultBorderColor: "#D7D8DB"
|
||||||
property string checkedBorderColor: "#FBB26A"
|
property string checkedBorderColor: "#FBB26A"
|
||||||
property string checkedBorderDisabledColor: "#5A330C"
|
property string checkedBorderDisabledColor: "#402102"
|
||||||
|
|
||||||
property string checkedImageColor: "#FBB26A"
|
property string checkedImageColor: "#FBB26A"
|
||||||
property string pressedImageColor: "#A85809"
|
property string pressedImageColor: "#A85809"
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,9 @@ Item {
|
||||||
property string rootButtonDefaultBorderColor: "#2C2D30"
|
property string rootButtonDefaultBorderColor: "#2C2D30"
|
||||||
property string rootButtonPressedBorderColor: "#D7D8DB"
|
property string rootButtonPressedBorderColor: "#D7D8DB"
|
||||||
|
|
||||||
property int rootButtonTextMargins: 16
|
property int rootButtonTextLeftMargins: 16
|
||||||
|
property int rootButtonTextTopMargin: 16
|
||||||
|
property int rootButtonTextBottomMargin: 16
|
||||||
|
|
||||||
property real drawerHeight: 0.9
|
property real drawerHeight: 0.9
|
||||||
property Component listView
|
property Component listView
|
||||||
|
|
@ -76,9 +78,9 @@ Item {
|
||||||
spacing: 0
|
spacing: 0
|
||||||
|
|
||||||
ColumnLayout {
|
ColumnLayout {
|
||||||
Layout.leftMargin: rootButtonTextMargins
|
Layout.leftMargin: rootButtonTextLeftMargins
|
||||||
Layout.topMargin: rootButtonTextMargins
|
Layout.topMargin: rootButtonTextTopMargin
|
||||||
Layout.bottomMargin: rootButtonTextMargins
|
Layout.bottomMargin: rootButtonTextBottomMargin
|
||||||
|
|
||||||
LabelTextType {
|
LabelTextType {
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
|
|
@ -104,6 +106,8 @@ Item {
|
||||||
}
|
}
|
||||||
|
|
||||||
ImageButtonType {
|
ImageButtonType {
|
||||||
|
Layout.rightMargin: 16
|
||||||
|
|
||||||
hoverEnabled: false
|
hoverEnabled: false
|
||||||
image: rootButtonImage
|
image: rootButtonImage
|
||||||
imageColor: rootButtonImageColor
|
imageColor: rootButtonImageColor
|
||||||
|
|
|
||||||
|
|
@ -75,19 +75,20 @@ RadioButton {
|
||||||
ColumnLayout {
|
ColumnLayout {
|
||||||
id: content
|
id: content
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
spacing: 16
|
spacing: 0
|
||||||
|
|
||||||
ButtonTextType {
|
ButtonTextType {
|
||||||
text: root.text
|
text: root.text
|
||||||
color: root.enabled ? root.textColor : root.textDisabledColor
|
color: root.enabled ? root.textColor : root.textDisabledColor
|
||||||
|
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.rightMargin: 16
|
Layout.rightMargin: 24
|
||||||
Layout.leftMargin: 16
|
Layout.leftMargin: 24
|
||||||
Layout.topMargin: 16
|
Layout.topMargin: 12
|
||||||
Layout.bottomMargin: 16
|
Layout.bottomMargin: 12
|
||||||
|
|
||||||
horizontalAlignment: Qt.AlignHCenter
|
horizontalAlignment: Qt.AlignHCenter
|
||||||
|
verticalAlignment: Qt.AlignVCenter
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ ProgressBar {
|
||||||
implicitHeight: 4
|
implicitHeight: 4
|
||||||
|
|
||||||
background: Rectangle {
|
background: Rectangle {
|
||||||
color: "#412102"
|
color: "#633303"
|
||||||
}
|
}
|
||||||
|
|
||||||
contentItem: Item {
|
contentItem: Item {
|
||||||
|
|
|
||||||
|
|
@ -14,13 +14,13 @@ Switch {
|
||||||
property string textColor: "#D7D8DB"
|
property string textColor: "#D7D8DB"
|
||||||
property string textDisabledColor: "#878B91"
|
property string textDisabledColor: "#878B91"
|
||||||
|
|
||||||
property string checkedIndicatorColor: "#412102"
|
property string checkedIndicatorColor: "#633303"
|
||||||
property string defaultIndicatorColor: "transparent"
|
property string defaultIndicatorColor: "transparent"
|
||||||
property string checkedDisabledIndicatorColor: "#5A330C"
|
property string checkedDisabledIndicatorColor: "#402102"
|
||||||
|
|
||||||
property string checkedIndicatorBorderColor: "#412102"
|
property string checkedIndicatorBorderColor: "#633303"
|
||||||
property string defaultIndicatorBorderColor: "#494B50"
|
property string defaultIndicatorBorderColor: "#494B50"
|
||||||
property string checkedDisabledIndicatorBorderColor: "#5A330C"
|
property string checkedDisabledIndicatorBorderColor: "#402102"
|
||||||
|
|
||||||
property string checkedInnerCircleColor: "#FBB26A"
|
property string checkedInnerCircleColor: "#FBB26A"
|
||||||
property string defaultInnerCircleColor: "#D7D8DB"
|
property string defaultInnerCircleColor: "#D7D8DB"
|
||||||
|
|
@ -40,6 +40,7 @@ Switch {
|
||||||
|
|
||||||
anchors.left: content.right
|
anchors.left: content.right
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
anchors.leftMargin: 4
|
||||||
|
|
||||||
implicitWidth: 52
|
implicitWidth: 52
|
||||||
implicitHeight: 32
|
implicitHeight: 32
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@ import QtQuick.Controls
|
||||||
TabButton {
|
TabButton {
|
||||||
id: root
|
id: root
|
||||||
|
|
||||||
property string hoveredColor: "#412102"
|
property string hoveredColor: "#633303"
|
||||||
property string defaultColor: "#2C2D30"
|
property string defaultColor: "#2C2D30"
|
||||||
property string selectedColor: "#FBB26A"
|
property string selectedColor: "#FBB26A"
|
||||||
|
|
||||||
|
|
@ -39,6 +39,12 @@ TabButton {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
anchors.fill: background
|
||||||
|
cursorShape: Qt.PointingHandCursor
|
||||||
|
enabled: false
|
||||||
|
}
|
||||||
|
|
||||||
contentItem: Text {
|
contentItem: Text {
|
||||||
anchors.fill: background
|
anchors.fill: background
|
||||||
height: 24
|
height: 24
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@ import QtQuick.Controls
|
||||||
TabButton {
|
TabButton {
|
||||||
id: root
|
id: root
|
||||||
|
|
||||||
property string hoveredColor: "#412102"
|
property string hoveredColor: "#633303"
|
||||||
property string defaultColor: "#D7D8DB"
|
property string defaultColor: "#D7D8DB"
|
||||||
property string selectedColor: "#FBB26A"
|
property string selectedColor: "#FBB26A"
|
||||||
|
|
||||||
|
|
@ -18,7 +18,14 @@ TabButton {
|
||||||
icon.color: isSelected ? selectedColor : defaultColor
|
icon.color: isSelected ? selectedColor : defaultColor
|
||||||
|
|
||||||
background: Rectangle {
|
background: Rectangle {
|
||||||
|
id: background
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
color: "transparent"
|
color: "transparent"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
anchors.fill: background
|
||||||
|
cursorShape: Qt.PointingHandCursor
|
||||||
|
enabled: false
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@ Rectangle {
|
||||||
anchors.bottomMargin: 16
|
anchors.bottomMargin: 16
|
||||||
|
|
||||||
color: "#D7D8DB"
|
color: "#D7D8DB"
|
||||||
selectionColor: "#412102"
|
selectionColor: "#633303"
|
||||||
selectedTextColor: "#D7D8DB"
|
selectedTextColor: "#D7D8DB"
|
||||||
placeholderTextColor: "#878B91"
|
placeholderTextColor: "#878B91"
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -74,7 +74,7 @@ Item {
|
||||||
placeholderText: root.textFieldPlaceholderText
|
placeholderText: root.textFieldPlaceholderText
|
||||||
placeholderTextColor: "#494B50"
|
placeholderTextColor: "#494B50"
|
||||||
|
|
||||||
selectionColor: "#412102"
|
selectionColor: "#633303"
|
||||||
selectedTextColor: "#D7D8DB"
|
selectedTextColor: "#D7D8DB"
|
||||||
|
|
||||||
font.pixelSize: 16
|
font.pixelSize: 16
|
||||||
|
|
|
||||||
|
|
@ -70,6 +70,8 @@ PageType {
|
||||||
Layout.topMargin: 24
|
Layout.topMargin: 24
|
||||||
Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
|
Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
|
||||||
|
|
||||||
|
spacing: 0
|
||||||
|
|
||||||
Header1TextType {
|
Header1TextType {
|
||||||
text: root.defaultServerName
|
text: root.defaultServerName
|
||||||
}
|
}
|
||||||
|
|
@ -78,6 +80,8 @@ PageType {
|
||||||
Layout.preferredWidth: 18
|
Layout.preferredWidth: 18
|
||||||
Layout.preferredHeight: 18
|
Layout.preferredHeight: 18
|
||||||
|
|
||||||
|
Layout.leftMargin: 12
|
||||||
|
|
||||||
source: "qrc:/images/controls/chevron-down.svg"
|
source: "qrc:/images/controls/chevron-down.svg"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -152,7 +156,8 @@ PageType {
|
||||||
rootButtonBackgroundColor: "#D7D8DB"
|
rootButtonBackgroundColor: "#D7D8DB"
|
||||||
rootButtonHoveredBorderColor: "transparent"
|
rootButtonHoveredBorderColor: "transparent"
|
||||||
rootButtonPressedBorderColor: "transparent"
|
rootButtonPressedBorderColor: "transparent"
|
||||||
rootButtonTextMargins: 8
|
rootButtonTextTopMargin: 8
|
||||||
|
rootButtonTextBottomMargin: 8
|
||||||
|
|
||||||
text: root.defaultContainerName
|
text: root.defaultContainerName
|
||||||
textColor: "#0E0E11"
|
textColor: "#0E0E11"
|
||||||
|
|
@ -303,6 +308,7 @@ PageType {
|
||||||
|
|
||||||
ImageButtonType {
|
ImageButtonType {
|
||||||
image: "qrc:/images/controls/settings.svg"
|
image: "qrc:/images/controls/settings.svg"
|
||||||
|
imageColor: "#D7D8DB"
|
||||||
|
|
||||||
implicitWidth: 56
|
implicitWidth: 56
|
||||||
implicitHeight: 56
|
implicitHeight: 56
|
||||||
|
|
|
||||||
|
|
@ -142,7 +142,7 @@ PageType {
|
||||||
height: 24
|
height: 24
|
||||||
|
|
||||||
color: "#D7D8DB"
|
color: "#D7D8DB"
|
||||||
selectionColor: "#412102"
|
selectionColor: "#633303"
|
||||||
selectedTextColor: "#D7D8DB"
|
selectedTextColor: "#D7D8DB"
|
||||||
|
|
||||||
font.pixelSize: 16
|
font.pixelSize: 16
|
||||||
|
|
|
||||||
|
|
@ -26,9 +26,11 @@ PageType {
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
|
|
||||||
|
spacing: 0
|
||||||
|
|
||||||
HeaderType {
|
HeaderType {
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.topMargin: 20
|
Layout.topMargin: 24
|
||||||
Layout.rightMargin: 16
|
Layout.rightMargin: 16
|
||||||
Layout.leftMargin: 16
|
Layout.leftMargin: 16
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -106,9 +106,11 @@ PageType {
|
||||||
anchors.rightMargin: 16
|
anchors.rightMargin: 16
|
||||||
anchors.leftMargin: 16
|
anchors.leftMargin: 16
|
||||||
|
|
||||||
|
spacing: 0
|
||||||
|
|
||||||
HeaderType {
|
HeaderType {
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.topMargin: 20
|
Layout.topMargin: 24
|
||||||
|
|
||||||
headerText: qsTr("VPN Access")
|
headerText: qsTr("VPN Access")
|
||||||
}
|
}
|
||||||
|
|
@ -161,6 +163,7 @@ PageType {
|
||||||
ParagraphTextType {
|
ParagraphTextType {
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.topMargin: 24
|
Layout.topMargin: 24
|
||||||
|
Layout.bottomMargin: 24
|
||||||
|
|
||||||
text: accessTypeSelector.currentIndex === 0 ? qsTr("VPN access without the ability to manage the server") :
|
text: accessTypeSelector.currentIndex === 0 ? qsTr("VPN access without the ability to manage the server") :
|
||||||
qsTr("Full access to server")
|
qsTr("Full access to server")
|
||||||
|
|
@ -171,7 +174,7 @@ PageType {
|
||||||
id: serverSelector
|
id: serverSelector
|
||||||
|
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.topMargin: 24
|
Layout.topMargin: 16
|
||||||
|
|
||||||
drawerHeight: 0.4375
|
drawerHeight: 0.4375
|
||||||
|
|
||||||
|
|
@ -385,7 +388,7 @@ PageType {
|
||||||
|
|
||||||
BasicButtonType {
|
BasicButtonType {
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.topMargin: 32
|
Layout.topMargin: 40
|
||||||
|
|
||||||
enabled: shareButtonEnabled
|
enabled: shareButtonEnabled
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -163,14 +163,6 @@ PageType {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
MouseArea {
|
|
||||||
anchors.fill: tabBar
|
|
||||||
anchors.leftMargin: shareTabButton.visible ? 96 : 128
|
|
||||||
anchors.rightMargin: shareTabButton.visible ? 96 : 128
|
|
||||||
cursorShape: Qt.PointingHandCursor
|
|
||||||
enabled: false
|
|
||||||
}
|
|
||||||
|
|
||||||
BusyIndicatorType {
|
BusyIndicatorType {
|
||||||
id: busyIndicator
|
id: busyIndicator
|
||||||
anchors.centerIn: parent
|
anchors.centerIn: parent
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue