github/gpt4all
1
0
Fork 0
mirror of https://github.com/nomic-ai/gpt4all.git synced 2025-06-23 22:18:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Minor tweaks to look and feel for some dialogs and button.

Browse Source
This commit is contained in:
Adam Treat 2023-05-22 22:13:42 -04:00 committed by AT
parent 8bf1e5abbd
commit e7fb2b0050
4 changed files with 29 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
gpt4all-chat/qml/ModelDownloaderDialog.qml
View File

@ -13,9 +13,10 @@ Dialog {
modal: true modal: true
opacity: 0.9 opacity: 0.9
closePolicy: LLM.chatListModel.currentChat.modelList.length === 0 ? Popup.NoAutoClose : (Popup.CloseOnEscape | Popup.CloseOnPressOutside) closePolicy: LLM.chatListModel.currentChat.modelList.length === 0 ? Popup.NoAutoClose : (Popup.CloseOnEscape | Popup.CloseOnPressOutside)
padding: 20
bottomPadding: 30
background: Rectangle { background: Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: -20
color: theme.backgroundDarkest color: theme.backgroundDarkest
border.width: 1 border.width: 1
border.color: theme.dialogBorder border.color: theme.dialogBorder

2
gpt4all-chat/qml/MyButton.qml
View File

@ -9,7 +9,7 @@ Button {
contentItem: Text { contentItem: Text {
text: myButton.text text: myButton.text
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
color: theme.textColor color: myButton.enabled ? theme.textColor : theme.mutedTextColor
Accessible.role: Accessible.Button Accessible.role: Accessible.Button
Accessible.name: text Accessible.name: text
} }

31
gpt4all-chat/qml/SettingsDialog.qml
View File

@ -12,9 +12,10 @@ Dialog {
id: settingsDialog id: settingsDialog
modal: true modal: true
opacity: 0.9 opacity: 0.9
padding: 20
bottomPadding: 30
background: Rectangle { background: Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: -20
color: theme.backgroundDarkest color: theme.backgroundDarkest
border.width: 1 border.width: 1
border.color: theme.dialogBorder border.color: theme.dialogBorder
@ -131,6 +132,7 @@ Dialog {
TabBar { TabBar {
id: settingsTabBar id: settingsTabBar
width: parent.width / 1.5 width: parent.width / 1.5
z: 200
TabButton { TabButton {
id: genSettingsButton id: genSettingsButton
@ -146,21 +148,28 @@ Dialog {
anchors.top: parent.top anchors.top: parent.top
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
height: 1 ? genSettingsButton.checked : 0 height: genSettingsButton.checked
color: theme.tabBorder
}
Rectangle {
anchors.bottom: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
height: !genSettingsButton.checked
color: theme.tabBorder color: theme.tabBorder
} }
Rectangle { Rectangle {
anchors.top: parent.top anchors.top: parent.top
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.left: parent.left anchors.left: parent.left
width: 1 ? genSettingsButton.checked : 0 width: genSettingsButton.checked
color: theme.tabBorder color: theme.tabBorder
} }
Rectangle { Rectangle {
anchors.top: parent.top anchors.top: parent.top
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.right: parent.right anchors.right: parent.right
width: 1 ? genSettingsButton.checked : 0 width: genSettingsButton.checked
color: theme.tabBorder color: theme.tabBorder
} }
} }
@ -183,21 +192,28 @@ Dialog {
anchors.top: parent.top anchors.top: parent.top
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
height: 1 ? appSettingsButton.checked : 0 height: appSettingsButton.checked
color: theme.tabBorder
}
Rectangle {
anchors.bottom: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
height: !appSettingsButton.checked
color: theme.tabBorder color: theme.tabBorder
} }
Rectangle { Rectangle {
anchors.top: parent.top anchors.top: parent.top
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.left: parent.left anchors.left: parent.left
width: 1 ? appSettingsButton.checked : 0 width: appSettingsButton.checked
color: theme.tabBorder color: theme.tabBorder
} }
Rectangle { Rectangle {
anchors.top: parent.top anchors.top: parent.top
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.right: parent.right anchors.right: parent.right
width: 1 ? appSettingsButton.checked : 0 width: appSettingsButton.checked
color: theme.tabBorder color: theme.tabBorder
} }
} }
@ -209,6 +225,7 @@ Dialog {
StackLayout { StackLayout {
anchors.top: settingsTabBar.bottom anchors.top: settingsTabBar.bottom
anchors.topMargin: -1
width: parent.width width: parent.width
height: availableHeight height: availableHeight
currentIndex: settingsTabBar.currentIndex currentIndex: settingsTabBar.currentIndex

3
gpt4all-chat/qml/Theme.qml
View File

@ -6,6 +6,7 @@ QtObject {
property color textColor: "#d1d5db" property color textColor: "#d1d5db"
property color textErrorColor: "red" property color textErrorColor: "red"
property color backgroundDarkest: "#202123" property color backgroundDarkest: "#202123"
property color backgroundDarker: "#222326"
property color backgroundDark: "#242528" property color backgroundDark: "#242528"
property color backgroundLight: "#343541" property color backgroundLight: "#343541"
property color backgroundLighter: "#444654" property color backgroundLighter: "#444654"
@ -14,7 +15,7 @@ QtObject {
property color userColor: "#ec86bf" property color userColor: "#ec86bf"
property color assistantColor: "#10a37f" property color assistantColor: "#10a37f"
property color linkColor: "white" property color linkColor: "white"
property color tabBorder: "#aaa" property color tabBorder: "#2C2D35"
property real fontSizeLarge: Qt.application.font.pixelSize property real fontSizeLarge: Qt.application.font.pixelSize
property real fontSizeLarger: Qt.application.font.pixelSize + 2 property real fontSizeLarger: Qt.application.font.pixelSize + 2
} }