diff options
Diffstat (limited to 'Course/Detail/Classic/Content/Sidebar/Video-alt.ui.qml')
| -rw-r--r-- | Course/Detail/Classic/Content/Sidebar/Video-alt.ui.qml | 74 |
1 files changed, 44 insertions, 30 deletions
diff --git a/Course/Detail/Classic/Content/Sidebar/Video-alt.ui.qml b/Course/Detail/Classic/Content/Sidebar/Video-alt.ui.qml index f715a94..7d7d368 100644 --- a/Course/Detail/Classic/Content/Sidebar/Video-alt.ui.qml +++ b/Course/Detail/Classic/Content/Sidebar/Video-alt.ui.qml @@ -1,18 +1,17 @@ -import QtQuick 2.15 -import QtQuick.Controls 2.15 -import QtQuick.Layouts 1.15 -import QtGraphicalEffects 1.15 +import QtQuick +import QtQuick.Controls +import QtQuick.Layouts +import QtQuick.Effects Item { width: 350 height: 450 - DropShadow { - color: "#4d000000" + MultiEffect { source: courseVideoCard - verticalOffset: 4 - radius: 12 - samples: 12 anchors.fill: courseVideoCard + shadowEnabled: true + shadowColor: "#4d0000" + shadowVerticalOffset: 4 } Rectangle { id: courseVideoCard @@ -38,20 +37,25 @@ Item { id: courseVideoImage source: "https://eduport.webestica.com/assets/images/courses/4by3/01.jpg" fillMode: Image.PreserveAspectCrop - width: parent.width - height: parent.height - visible: false - } - OpacityMask { - id: courseVideoMask - anchors.fill: courseVideoThumbnail - source: courseVideoImage - maskSource: courseVideoThumbnail - } - ColorOverlay { - anchors.fill: courseVideoMask - source: courseVideoMask - color: "#80000000" + sourceSize { + width: parent.width + height: parent.height + } + layer { + enabled: true + effect: MultiEffect { + maskEnabled: true + maskSource: maskRectangle + } + } + Rectangle { + id: maskRectangle + width: courseVideoImage.sourceSize.width + height: courseVideoImage.sourceSize.height + radius: 8 + layer.enabled: true + visible: false + } } Button { id: playVideoButton @@ -62,10 +66,17 @@ Item { icon.width: 44 icon.color: "#ffffff" flat: true - icon.source: "Font-Awesome/svgs/solid/circle-play.svg" + icon.source: "../../../../../Font-Awesome/svgs/solid/circle-play.svg" display: AbstractButton.IconOnly anchors.horizontalCenter: parent.horizontalCenter } + MultiEffect { + source: playVideoButton + anchors.fill: playVideoButton + brightness: 1.0 + colorization: 1.0 + colorizationColor: "#800000" + } } RowLayout { id: priceAndTime @@ -122,13 +133,16 @@ Item { spacing: 8 Image { id: timerIcon - source: "Material/svg/filled/timer.svg" + source: "../../../../../Material/svg/filled/timer.svg" sourceSize.height: 24 sourceSize.width: 24 - ColorOverlay { - anchors.fill: timerIcon - source: timerIcon - color: "#d6293e" + layer { + enabled: true + effect: MultiEffect { + brightness: 1.0 + colorization: 1.0 + colorizationColor: "#d6293e" + } } } @@ -166,4 +180,4 @@ Item { } } } -}
\ No newline at end of file +} |