diff options
| author | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-03-29 20:05:03 +0800 |
|---|---|---|
| committer | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-03-29 20:05:03 +0800 |
| commit | eb8b4ebc62aa55daad637903df52318dc53ab727 (patch) | |
| tree | 9076970854c7136419a71510dd1d539c38683cd0 /Course/Detail/Classic.ui.qml | |
| parent | e8b2e31dc36c86d53c47f5e3c04d3f229a4e8a2b (diff) | |
Each in right sidebar has its own file
Diffstat (limited to 'Course/Detail/Classic.ui.qml')
| -rw-r--r-- | Course/Detail/Classic.ui.qml | 50 |
1 files changed, 47 insertions, 3 deletions
diff --git a/Course/Detail/Classic.ui.qml b/Course/Detail/Classic.ui.qml index 03d0536..5f5e3fd 100644 --- a/Course/Detail/Classic.ui.qml +++ b/Course/Detail/Classic.ui.qml @@ -1,16 +1,19 @@ import QtQuick 2.15 import QtQuick.Controls 2.15 import QtQuick.Layouts 1.15 +import QtGraphicalEffects 1.15 import Eduport 1.4 +import "../../DropShadow" as DrpShdw import "../../Label" as Lbl import "Classic/Content" as Content +import "Classic/Content/Sidebar" as ContentSidebar Flickable { property alias introBadge: introBadge property alias introTitleHeader: introTitleHeader property alias introTitleParagraph: introTitleParagraph property alias mainContent: mainContent - property alias rightSidebar: rightSidebar + property alias video: video contentHeight: body.height ColumnLayout { @@ -85,8 +88,49 @@ Flickable { ? body.width : body.width / 2 } - Content.Sidebar { - id: rightSidebar + GridLayout { + Layout.topMargin: 48 + Layout.bottomMargin: 48 + + ColumnLayout { + Layout.leftMargin: 15 + Layout.rightMargin: 15 + + Item { + Layout.fillWidth: true + Layout.bottomMargin: 25.6 + implicitHeight: video.height + + 16 + + DrpShdw.Box { + source: videoRectangle + anchors.fill: + videoRectangle + } + + Rectangle { + id: videoRectangle + color: Eduport.bsCardBg + radius: 8 + anchors.fill: parent + } + + ContentSidebar.Video { + id: video + anchors { + left: parent + .left + leftMargin: 8 + right: parent + .right + rightMargin: 8 + verticalCenter: + parent + .verticalCenter + } + } + } + } } } } |