diff --git a/Modals/SettingsModal.qml b/Modals/SettingsModal.qml index 3e9fa521..f8b382fe 100644 --- a/Modals/SettingsModal.qml +++ b/Modals/SettingsModal.qml @@ -1,5 +1,6 @@ import QtQuick import QtQuick.Controls +import QtQuick.Effects import Quickshell import Quickshell.Io import qs.Common @@ -342,25 +343,80 @@ DankModal { } // Footer - StyledText { - id: footerText + Row { + anchors.horizontalCenter: parent.horizontalCenter + spacing: Theme.spacingS + + StyledText { + text: `DankMaterialShellniri edition •` + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + linkColor: Theme.primary + anchors.verticalCenter: parent.verticalCenter + onLinkActivated: link => Qt.openUrlExternally(link) - width: parent.width - text: `DankMaterialShell - github - optimized for niri - niri matrix - niri discord` - font.pixelSize: Theme.fontSizeSmall - color: Theme.surfaceVariantText - linkColor: Theme.primary - wrapMode: Text.WordWrap - horizontalAlignment: Text.AlignHCenter - onLinkActivated: link => Qt.openUrlExternally(link) - - MouseArea { - anchors.fill: parent - cursorShape: parent.hoveredLink ? Qt.PointingHandCursor : Qt.ArrowCursor - acceptedButtons: Qt.NoButton - propagateComposedEvents: true + MouseArea { + anchors.fill: parent + cursorShape: parent.hoveredLink ? Qt.PointingHandCursor : Qt.ArrowCursor + acceptedButtons: Qt.NoButton + propagateComposedEvents: true + } + } + + // Matrix button + Item { + width: 32 + height: 20 + anchors.verticalCenter: parent.verticalCenter + + Image { + anchors.fill: parent + source: Qt.resolvedUrl(".").toString().replace("file://", "").replace("/Modals/", "") + "/assets/matrix-logo-white.svg" + sourceSize: Qt.size(32, 20) + smooth: true + fillMode: Image.PreserveAspectFit + layer.enabled: true + + layer.effect: MultiEffect { + colorization: 1 + colorizationColor: Theme.surfaceText + } + } + + MouseArea { + anchors.fill: parent + cursorShape: Qt.PointingHandCursor + onClicked: Qt.openUrlExternally("https://matrix.to/#/#niri:matrix.org") + } + } + + StyledText { + text: "•" + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + anchors.verticalCenter: parent.verticalCenter + } + + // Discord button + Item { + width: 16 + height: 16 + anchors.verticalCenter: parent.verticalCenter + + Image { + anchors.fill: parent + source: Qt.resolvedUrl(".").toString().replace("file://", "").replace("/Modals/", "") + "/assets/discord.svg" + sourceSize: Qt.size(16, 16) + smooth: true + fillMode: Image.PreserveAspectFit + } + + MouseArea { + anchors.fill: parent + cursorShape: Qt.PointingHandCursor + onClicked: Qt.openUrlExternally("https://discord.gg/vT8Sfjy7sx") + } } - } } diff --git a/assets/discord.svg b/assets/discord.svg new file mode 100644 index 00000000..b636d150 --- /dev/null +++ b/assets/discord.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/matrix-logo-white.svg b/assets/matrix-logo-white.svg new file mode 100644 index 00000000..900a5aa0 --- /dev/null +++ b/assets/matrix-logo-white.svg @@ -0,0 +1,18 @@ + + + + matrix logo white + Created with Sketch. + + + + + + + + + + + + + \ No newline at end of file