You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
core/shutdown-ui/IconButton.qml

79 lines
2.0 KiB
QML

/*
* Copyright (C) 2021 CutefishOS Team.
*
* Author: Reion Wong <aj@cutefishos.com>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import QtQuick 2.0
import QtQuick.Controls 2.5
import QtQuick.Layouts 1.3
Item {
id: control
width: 150
height: width
property string text
property string icon
property color hoveredColor: Qt.rgba(255, 255, 255, 0.1)
property color pressedColor: Qt.rgba(255, 255, 255, 0.2)
signal clicked
Rectangle {
anchors.fill: parent
color: mouseArea.pressed ? pressedColor : mouseArea.containsMouse ? hoveredColor : "transparent"
radius: 10
}
MouseArea {
id: mouseArea
anchors.fill: parent
hoverEnabled: true
acceptedButtons: Qt.LeftButton
onClicked: control.clicked()
}
ColumnLayout {
id: layout
anchors.fill: parent
spacing: 15
Item {
Layout.fillHeight: true
}
Image {
id: image
source: control.icon
width: control.width * 0.5
height: width
sourceSize.width: width
sourceSize.height: width
Layout.alignment: Qt.AlignCenter
}
Label {
Layout.alignment: Qt.AlignCenter
text: control.text
color: "white"
}
Item {
Layout.fillHeight: true
}
}
}