diff options
Diffstat (limited to 'Student/Dashboard/CourseListItem.ui.qml')
| -rw-r--r-- | Student/Dashboard/CourseListItem.ui.qml | 50 |
1 files changed, 27 insertions, 23 deletions
diff --git a/Student/Dashboard/CourseListItem.ui.qml b/Student/Dashboard/CourseListItem.ui.qml index fb69782..5998c82 100644 --- a/Student/Dashboard/CourseListItem.ui.qml +++ b/Student/Dashboard/CourseListItem.ui.qml @@ -1,8 +1,8 @@ -import QtQuick 2.15 -import QtQuick.Controls 2.15 -import QtQuick.Layouts 1.15 -import QtGraphicalEffects 1.15 -import Bootstrap 5.3 +import QtQuick +import QtQuick.Controls +import QtQuick.Layouts +import QtQuick.Effects +import Bootstrap RowLayout { property alias courseTitle: courseTitle @@ -12,29 +12,33 @@ RowLayout { property alias courseListActionButton: courseListActionButton spacing: 16 - Rectangle { - id: courseThumbnail - radius: 8 - Layout.preferredHeight: 72 - Layout.preferredWidth: 100 - Layout.minimumHeight: 72 - Layout.minimumWidth: 100 - Image { - id: courseThumb - source: "https://eduport.webestica.com/assets/images/courses/4by3/08.jpg" - sourceSize: Qt.size(parent.width, parent.height) - visible: false + Image { + id: courseThumb + source: "https://eduport.webestica.com/assets/images/courses/4by3/08.jpg" + sourceSize { + width: 100 + height: 75 + } + layer { + enabled: true + effect: MultiEffect { + maskEnabled: true + maskSource: maskRectangle + } } - OpacityMask{ - anchors.fill: courseThumbnail - source: courseThumb - maskSource: courseThumbnail + Rectangle { + id: maskRectangle + width: courseThumb.sourceSize.width + height: courseThumb.sourceSize.height + radius: 8 + layer.enabled: true + visible: false } } ColumnLayout{ id: courseProgressInfo spacing: 0 - width: parent.width - image.width - spacing + width: parent.width - courseThumb.width - spacing Label{ id: courseTitle @@ -65,7 +69,7 @@ RowLayout { } Button { id: courseListActionButton - icon.source: "Material/svg/filled/play_circle_outline.svg" + icon.source: "../../Material/svg/filled/play_circle_outline.svg" text: "Continue" font.weight: Font.Medium font.family: "Roboto" |