ZacharyZhang-NY/omarchycn
4
5
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 5 Wiki Activity

Make clipboard picker use a 2-column layout

Browse Source
This commit is contained in:
David Heinemeier Hansson
2026-05-17 10:49:53 +02:00
parent 9ccd3aaa79
commit 32527e9201
1 changed files with 31 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
default/quickshell/omarchy-shell/plugins/clipboard-picker/ClipboardPicker.qml
+31 -7
View File
@@ -28,9 +28,10 @@ Item {
property int contentMargin: 18 property int contentMargin: 18
property int headerHeight: 34 property int headerHeight: 34
property int contentSpacing: 6 property int contentSpacing: 6
property int cardWidth: 500 property int cardWidth: 800
property int cardHeight: 600 property int cardHeight: 600
property int rowHeight: 60 property int rowHeight: 60
property int cellWidth: (cardWidth - contentMargin * 2 - contentSpacing) / 2
function open(payloadJson) { function open(payloadJson) {
root.opened = true root.opened = true
@@ -210,9 +211,15 @@ Item {
if (root.filterText.length > 0) root.setFilter(root.filterText.slice(0, -1)) if (root.filterText.length > 0) root.setFilter(root.filterText.slice(0, -1))
event.accepted = true event.accepted = true
} else if (event.key === Qt.Key_Up) { } else if (event.key === Qt.Key_Up) {
root.select(-1) root.select(-2)
event.accepted = true event.accepted = true
} else if (event.key === Qt.Key_Down) { } else if (event.key === Qt.Key_Down) {
root.select(2)
event.accepted = true
} else if (event.key === Qt.Key_Left) {
root.select(-1)
event.accepted = true
} else if (event.key === Qt.Key_Right) {
root.select(1) root.select(1)
event.accepted = true event.accepted = true
} else if (event.key === Qt.Key_PageUp) { } else if (event.key === Qt.Key_PageUp) {
@@ -260,12 +267,13 @@ Item {
width: parent.width width: parent.width
height: parent.height - root.headerHeight - root.contentSpacing height: parent.height - root.headerHeight - root.contentSpacing
ListView { GridView {
id: resultList id: resultList
anchors.fill: parent anchors.fill: parent
model: displayModel model: displayModel
clip: true clip: true
spacing: 4 cellWidth: root.cellWidth
cellHeight: root.rowHeight
boundsBehavior: Flickable.StopAtBounds boundsBehavior: Flickable.StopAtBounds
delegate: Rectangle { delegate: Rectangle {
@@ -275,8 +283,8 @@ Item {
required property string previewImage required property string previewImage
required property string previewType required property string previewType
width: ListView.view.width width: root.cellWidth - 4
height: previewType === "text" ? root.rowHeight : 240 height: root.rowHeight - 4
radius: root.cornerRadius radius: root.cornerRadius
color: index === root.selectedIndex ? root.withAlpha(root.foreground, 0.08) : root.withAlpha(root.foreground, mouseArea.containsMouse ? 0.045 : 0) color: index === root.selectedIndex ? root.withAlpha(root.foreground, 0.08) : root.withAlpha(root.foreground, mouseArea.containsMouse ? 0.045 : 0)
@@ -318,9 +326,25 @@ Item {
Image { Image {
source: parent.parent.parent.previewImage source: parent.parent.parent.previewImage
anchors.fill: parent anchors.left: parent.left
anchors.top: parent.top
anchors.bottom: parent.bottom
width: height * 1.5
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
} }
Text {
anchors.left: parent.children[0].right
anchors.leftMargin: 12
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
text: "Image"
color: root.foreground
opacity: 0.6
font.family: root.fontFamily
font.pixelSize: 14
font.italic: true
}
} }
} }