Merge pull request #2520 from alicevision/dev/homepageEnhancements
Homepage Quick Adjustments
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 201 KiB After Width: | Height: | Size: 6.6 KiB |
|
@ -33,6 +33,8 @@ Page {
|
||||||
property var ratio: sourceSize.width / sourceSize.height
|
property var ratio: sourceSize.width / sourceSize.height
|
||||||
|
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
|
fillMode: Image.PreserveAspectFit
|
||||||
|
// Enforce aspect ratio of the component, as the fillMode does not do the job
|
||||||
Layout.preferredHeight: width / ratio
|
Layout.preferredHeight: width / ratio
|
||||||
|
|
||||||
source: "../img/meshroom-anim-once.gif"
|
source: "../img/meshroom-anim-once.gif"
|
||||||
|
@ -41,14 +43,14 @@ Page {
|
||||||
ColumnLayout {
|
ColumnLayout {
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.fillHeight: true
|
Layout.fillHeight: true
|
||||||
|
property real buttonFontSize: 14
|
||||||
|
|
||||||
MaterialToolLabelButton {
|
MaterialToolLabelButton {
|
||||||
id: manualButton
|
id: manualButton
|
||||||
Layout.topMargin: 20
|
Layout.topMargin: 20
|
||||||
iconText: MaterialIcons.open_in_new
|
iconText: MaterialIcons.open_in_new
|
||||||
label: "Manual"
|
label: "Manual"
|
||||||
font.pointSize: 16
|
font.pointSize: parent.buttonFontSize
|
||||||
iconSize: 24
|
|
||||||
flat: true
|
flat: true
|
||||||
leftPadding: 20
|
leftPadding: 20
|
||||||
rightPadding: {
|
rightPadding: {
|
||||||
|
@ -65,8 +67,7 @@ Page {
|
||||||
id: releaseNotesButton
|
id: releaseNotesButton
|
||||||
iconText: MaterialIcons.open_in_new
|
iconText: MaterialIcons.open_in_new
|
||||||
label: "Release Notes"
|
label: "Release Notes"
|
||||||
font.pointSize: 16
|
font.pointSize: parent.buttonFontSize
|
||||||
iconSize: 24
|
|
||||||
flat: true
|
flat: true
|
||||||
leftPadding: 20
|
leftPadding: 20
|
||||||
rightPadding: {
|
rightPadding: {
|
||||||
|
@ -83,8 +84,7 @@ Page {
|
||||||
id: websiteButton
|
id: websiteButton
|
||||||
iconText: MaterialIcons.open_in_new
|
iconText: MaterialIcons.open_in_new
|
||||||
label: "Website"
|
label: "Website"
|
||||||
font.pointSize: 16
|
font.pointSize: parent.buttonFontSize
|
||||||
iconSize: 24
|
|
||||||
flat: true
|
flat: true
|
||||||
leftPadding: 20
|
leftPadding: 20
|
||||||
rightPadding: {
|
rightPadding: {
|
||||||
|
@ -101,10 +101,10 @@ Page {
|
||||||
ColumnLayout {
|
ColumnLayout {
|
||||||
id: sponsors
|
id: sponsors
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
|
Layout.alignment: Qt.AlignHCenter
|
||||||
|
|
||||||
Rectangle {
|
Item {
|
||||||
// find better alternative
|
// Empty area that expands
|
||||||
color: "transparent"
|
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.fillHeight: true
|
Layout.fillHeight: true
|
||||||
}
|
}
|
||||||
|
@ -112,18 +112,11 @@ Page {
|
||||||
Label {
|
Label {
|
||||||
Layout.alignment: Qt.AlignHCenter
|
Layout.alignment: Qt.AlignHCenter
|
||||||
text: "Sponsors"
|
text: "Sponsors"
|
||||||
font.pointSize: 16
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Image {
|
Image {
|
||||||
Layout.alignment: Qt.AlignHCenter
|
Layout.alignment: Qt.AlignHCenter
|
||||||
property var ratio: sourceSize.width / sourceSize.height
|
|
||||||
|
|
||||||
Layout.preferredWidth: leftColumn.width * 0.6
|
|
||||||
Layout.preferredHeight: width / ratio
|
|
||||||
source: "../img/technicolor-group_rgb_primary_col-rev.png"
|
source: "../img/technicolor-group_rgb_primary_col-rev.png"
|
||||||
smooth: true
|
|
||||||
mipmap: true
|
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
@ -135,17 +128,13 @@ Page {
|
||||||
RowLayout {
|
RowLayout {
|
||||||
id: brandsRow
|
id: brandsRow
|
||||||
|
|
||||||
|
Layout.fillWidth: true
|
||||||
Layout.leftMargin: leftColumn.width * 0.05
|
Layout.leftMargin: leftColumn.width * 0.05
|
||||||
Layout.rightMargin: leftColumn.width * 0.05
|
Layout.rightMargin: leftColumn.width * 0.05
|
||||||
|
Layout.alignment: Qt.AlignHCenter
|
||||||
|
|
||||||
Image {
|
Image {
|
||||||
property var ratio: sourceSize.width / sourceSize.height
|
|
||||||
|
|
||||||
Layout.fillWidth: true
|
|
||||||
Layout.preferredHeight: width / ratio
|
|
||||||
source: "../img/MPC_TG.png"
|
source: "../img/MPC_TG.png"
|
||||||
smooth: true
|
|
||||||
mipmap: true
|
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
@ -155,13 +144,7 @@ Page {
|
||||||
}
|
}
|
||||||
|
|
||||||
Image {
|
Image {
|
||||||
property var ratio: sourceSize.width / sourceSize.height
|
|
||||||
|
|
||||||
Layout.fillWidth: true
|
|
||||||
Layout.preferredHeight: width / ratio
|
|
||||||
source: "../img/MILL_TG.png"
|
source: "../img/MILL_TG.png"
|
||||||
smooth: true
|
|
||||||
mipmap: true
|
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
@ -171,13 +154,7 @@ Page {
|
||||||
}
|
}
|
||||||
|
|
||||||
Image {
|
Image {
|
||||||
property var ratio: sourceSize.width / sourceSize.height
|
|
||||||
|
|
||||||
Layout.fillWidth: true
|
|
||||||
Layout.preferredHeight: width / ratio
|
|
||||||
source: "../img/MIKROS_TG.png"
|
source: "../img/MIKROS_TG.png"
|
||||||
smooth: true
|
|
||||||
mipmap: true
|
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
@ -187,13 +164,7 @@ Page {
|
||||||
}
|
}
|
||||||
|
|
||||||
Image {
|
Image {
|
||||||
property var ratio: sourceSize.width / sourceSize.height
|
|
||||||
|
|
||||||
Layout.fillWidth: true
|
|
||||||
Layout.preferredHeight: width / ratio
|
|
||||||
source: "../img/TechnicolorGames_TG.png"
|
source: "../img/TechnicolorGames_TG.png"
|
||||||
smooth: true
|
|
||||||
mipmap: true
|
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
@ -204,11 +175,10 @@ Page {
|
||||||
}
|
}
|
||||||
|
|
||||||
MaterialToolLabelButton {
|
MaterialToolLabelButton {
|
||||||
Layout.topMargin: 20
|
Layout.topMargin: 5
|
||||||
|
Layout.bottomMargin: 10
|
||||||
iconText: MaterialIcons.favorite
|
iconText: MaterialIcons.favorite
|
||||||
label: "Support AliceVision"
|
label: "Support AliceVision"
|
||||||
font.pointSize: 16
|
|
||||||
iconSize: 24
|
|
||||||
flat: true
|
flat: true
|
||||||
leftPadding: {
|
leftPadding: {
|
||||||
var padding = (leftColumn.width - labelItem.width - iconItem.width - 5) / 2
|
var padding = (leftColumn.width - labelItem.width - iconItem.width - 5) / 2
|
||||||
|
@ -230,8 +200,6 @@ Page {
|
||||||
id: tabPanel
|
id: tabPanel
|
||||||
tabs: ["Pipelines", "Recent Projects"]
|
tabs: ["Pipelines", "Recent Projects"]
|
||||||
|
|
||||||
font.pointSize: 16
|
|
||||||
|
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.fillHeight: true
|
Layout.fillHeight: true
|
||||||
|
|
||||||
|
@ -254,7 +222,6 @@ Page {
|
||||||
horizontalAlignment: Text.AlignLeft
|
horizontalAlignment: Text.AlignLeft
|
||||||
verticalAlignment: Text.AlignVCenter
|
verticalAlignment: Text.AlignVCenter
|
||||||
text: modelData["name"]
|
text: modelData["name"]
|
||||||
font.pointSize: 10
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Connections {
|
Connections {
|
||||||
|
@ -321,6 +288,8 @@ Page {
|
||||||
ToolTip.visible: hovered
|
ToolTip.visible: hovered
|
||||||
ToolTip.text: modelData["path"]
|
ToolTip.text: modelData["path"]
|
||||||
|
|
||||||
|
font.pointSize: 24
|
||||||
|
|
||||||
text: modelData["thumbnail"] ? "" : MaterialIcons.description
|
text: modelData["thumbnail"] ? "" : MaterialIcons.description
|
||||||
|
|
||||||
Image {
|
Image {
|
||||||
|
|