dashboard: design layout

Also use clippingrect to round swipeview

1 files changed, 26 insertions, 6 deletions

diff --git a/modules/dashboard/Content.qml b/modules/dashboard/Content.qml
index f3f102a..5f65e7f 100644
--- a/modules/dashboard/Content.qml
+++ b/modules/dashboard/Content.qml
@@ -2,6 +2,7 @@ import "root:/widgets"
 import "root:/services"
 import "root:/config"
 import Quickshell
+import Quickshell.Widgets
 import QtQuick
 import QtQuick.Controls
 
@@ -13,22 +14,41 @@ Item {
     anchors.horizontalCenter: parent.horizontalCenter
     anchors.bottom: parent.bottom
 
-    implicitWidth: 800
-    implicitHeight: 300
+    implicitWidth: view.implicitWidth + viewWrapper.anchors.margins * 2
+    implicitHeight: tabs.implicitHeight + tabs.anchors.topMargin + view.implicitHeight + viewWrapper.anchors.margins * 2
 
     Tabs {
         id: tabs
 
-        anchors.fill: parent
+        anchors.top: parent.top
+        anchors.left: parent.left
+        anchors.right: parent.right
         anchors.topMargin: Appearance.padding.normal
         anchors.margins: Appearance.padding.large
 
         currentIndex: view.currentIndex
     }
 
-    SwipeView {
-        id: view
+    ClippingRectangle {
+        id: viewWrapper
 
-        currentIndex: tabs.currentIndex
+        anchors.top: tabs.bottom
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+        anchors.margins: Appearance.padding.large
+
+        radius: Appearance.rounding.normal
+        color: "transparent"
+
+        SwipeView {
+            id: view
+
+            anchors.fill: parent
+
+            currentIndex: tabs.currentIndex
+
+            Dash {}
+        }
     }
 }