1
0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2025-12-06 05:25:41 -05:00

subtle redesigns

This commit is contained in:
bbedward
2025-07-24 20:32:28 -04:00
parent aabb0ffcc5
commit 0068774a8b
14 changed files with 362 additions and 240 deletions

View File

@@ -118,6 +118,11 @@ DankModal {
width: 650
height: 550
keyboardFocus: "ondemand"
backgroundColor: Theme.popupBackground()
cornerRadius: Theme.cornerRadiusLarge
borderColor: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
borderWidth: 1
enableShadow: true
onBackgroundClicked: {
hide();
}
@@ -332,14 +337,12 @@ DankModal {
content: Component {
Column {
anchors.fill: parent
anchors.margins: Theme.spacingM
spacing: Theme.spacingS
anchors.margins: Theme.spacingL
spacing: Theme.spacingL
// Header with search
Rectangle {
Row {
width: parent.width
height: 40
color: "transparent"
Row {
anchors.left: parent.left
@@ -360,7 +363,6 @@ DankModal {
font.weight: Font.Medium
anchors.verticalCenter: parent.verticalCenter
}
}
Row {
@@ -385,12 +387,9 @@ DankModal {
hoverColor: Qt.rgba(Theme.error.r, Theme.error.g, Theme.error.b, 0.12)
onClicked: hide()
}
}
}
// Search field
DankTextField {
id: searchField
@@ -414,15 +413,15 @@ DankModal {
target: clipboardHistoryModal
}
}
// Clipboard entries list
Rectangle {
width: parent.width
height: parent.height - 110
radius: Theme.cornerRadius
radius: Theme.cornerRadiusLarge
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.1)
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.05)
border.width: 1
clip: true
ScrollView {

View File

@@ -74,7 +74,7 @@ DankModal {
ColumnLayout {
anchors.fill: parent
anchors.margins: Theme.spacingXL
anchors.margins: Theme.spacingL
spacing: Theme.spacingL
RowLayout {
@@ -90,10 +90,9 @@ DankModal {
}
Item {
Layout.fillWidth: true // Spacer to push close button to the right
Layout.fillWidth: true
}
// Close button
DankActionButton {
circular: false
iconName: "close"
@@ -103,13 +102,12 @@ DankModal {
onClicked: processListModal.hide()
Layout.alignment: Qt.AlignVCenter
}
}
Rectangle {
Layout.fillWidth: true
height: 52
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.04)
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.15)
radius: Theme.cornerRadiusLarge
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.06)
border.width: 1
@@ -210,14 +208,19 @@ DankModal {
}
Item {
Rectangle {
Layout.fillWidth: true
Layout.fillHeight: true
radius: Theme.cornerRadiusLarge
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.1)
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.05)
border.width: 1
Loader {
id: processesTab
anchors.fill: parent
anchors.margins: Theme.spacingS
active: currentTab === 0
visible: currentTab === 0
opacity: currentTab === 0 ? 1 : 0
@@ -228,15 +231,14 @@ DankModal {
duration: Theme.mediumDuration
easing.type: Theme.emphasizedEasing
}
}
}
Loader {
id: performanceTab
anchors.fill: parent
anchors.margins: Theme.spacingS
active: currentTab === 1
visible: currentTab === 1
opacity: currentTab === 1 ? 1 : 0
@@ -247,15 +249,14 @@ DankModal {
duration: Theme.mediumDuration
easing.type: Theme.emphasizedEasing
}
}
}
Loader {
id: systemTab
anchors.fill: parent
anchors.margins: Theme.spacingS
active: currentTab === 2
visible: currentTab === 2
opacity: currentTab === 2 ? 1 : 0
@@ -266,11 +267,8 @@ DankModal {
duration: Theme.mediumDuration
easing.type: Theme.emphasizedEasing
}
}
}
}
}

View File

@@ -125,18 +125,28 @@ DankModal {
Column {
anchors.fill: parent
anchors.margins: Theme.spacingM
spacing: Theme.spacingM
anchors.margins: Theme.spacingL
spacing: Theme.spacingL
// Category selector
CategorySelector {
Rectangle {
width: parent.width
categories: appLauncher.categories
selectedCategory: appLauncher.selectedCategory
compact: false
height: categorySelector.height + Theme.spacingM * 2
radius: Theme.cornerRadiusLarge
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.2)
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
border.width: 1
visible: appLauncher.categories.length > 1 || appLauncher.model.count > 0
onCategorySelected: (category) => {
return appLauncher.setCategory(category);
CategorySelector {
id: categorySelector
anchors.centerIn: parent
width: parent.width - Theme.spacingM * 2
categories: appLauncher.categories
selectedCategory: appLauncher.selectedCategory
compact: false
onCategorySelected: (category) => {
return appLauncher.setCategory(category);
}
}
}
@@ -267,19 +277,21 @@ DankModal {
}
// Results container
Rectangle {
id: resultsContainer
width: parent.width
height: parent.height - y // Use remaining space
color: "transparent"
height: parent.height - y
radius: Theme.cornerRadiusLarge
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.1)
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.05)
border.width: 1
// List view
DankListView {
id: resultsList
anchors.fill: parent
anchors.margins: Theme.spacingS
visible: appLauncher.viewMode === "list"
model: appLauncher.model
currentIndex: appLauncher.selectedIndex
@@ -299,11 +311,11 @@ DankModal {
}
}
// Grid view
DankGridView {
id: resultsGrid
anchors.fill: parent
anchors.margins: Theme.spacingS
visible: appLauncher.viewMode === "grid"
model: appLauncher.model
columns: 4