Files
htpc-client/layouts/components/Sidebar/Element.qml
T
2022-08-31 19:09:04 -04:00

74 lines
2.0 KiB
QML

import QtQuick 2.12
import QtGraphicalEffects 1.12
Item {
property var provider
property bool selected: false
property bool maximized
width: parent.width * 0.9
height: parent.height * 0.07
anchors.right: parent.right
DropShadow {
anchors.fill: selector
verticalOffset: 5
//horizontalOffset: 5
samples: 20
color: "black"
opacity: 0.5
source: selector
visible: selected && maximized
}
Rectangle {
id: selector
color: "white"
height: parent.height
width: parent.width * 0.95
//anchors.fill: parent
visible: selected && maximized
radius: 10
}
Row {
anchors.fill: parent
Item {
height: parent.height
width: parent.width * 0.09
}
Item {
anchors.verticalCenter: parent.verticalCenter
height: 40
width: 40
Image {
anchors.fill: parent
id: logo
source: provider.logo
//y: parent.y + (parent.height / 2) - height / 2
//anchors.top: parent.verticalCenter
// anchors.verticalCenter: text.verticalCenter
//sourceSize.height: 50
//sourceSize.width: 50
}
ColorOverlay {
anchors.fill: logo
source: logo
color: selected ? "#3c3c3c" : "#99afb4"
}
}
Item {
height: parent.height
width: parent.width * 0.07
}
Text {
id: text
font.pointSize: 12
text: provider.name
color: selected ? "#3c3c3c" : "#99afb4"
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 4
visible: maximized
//verticalAlignment: Text.AlignVCenter
//height: parent.height
}
}
}