Merge pull request #2520 from alicevision/dev/homepageEnhancements

Homepage Quick Adjustments
This commit is contained in:
Fabien Castan 2024-09-03 09:24:30 +02:00 committed by GitHub
commit a0ef38da6c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 15 additions and 46 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 201 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

Before After
Before After

View file

@ -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 {