dash: more expressive shapes

modules/dashboard/Dash.qml

@@ -22,6 +22,8 @@ GridLayout {
         Layout.preferredWidth: user.implicitWidth
         Layout.preferredHeight: user.implicitHeight
 
+        radius: Appearance.rounding.large
+
         User {
             id: user
 
@@ -37,6 +39,8 @@ GridLayout {
         Layout.preferredWidth: Config.dashboard.sizes.weatherWidth
         Layout.fillHeight: true
 
+        radius: Appearance.rounding.large * 1.5
+
         Weather {}
     }
 
@@ -45,6 +49,8 @@ GridLayout {
         Layout.preferredWidth: dateTime.implicitWidth
         Layout.fillHeight: true
 
+        radius: Appearance.rounding.normal
+
         DateTime {
             id: dateTime
         }
@@ -57,6 +63,8 @@ GridLayout {
         Layout.fillWidth: true
         Layout.preferredHeight: calendar.implicitHeight
 
+        radius: Appearance.rounding.large
+
         Calendar {
             id: calendar
 
@@ -70,6 +78,8 @@ GridLayout {
         Layout.preferredWidth: resources.implicitWidth
         Layout.fillHeight: true
 
+        radius: Appearance.rounding.normal
+
         Resources {
             id: resources
         }
@@ -82,13 +92,14 @@ GridLayout {
         Layout.preferredWidth: media.implicitWidth
         Layout.fillHeight: true
 
+        radius: Appearance.rounding.large * 2
+
         Media {
             id: media
         }
     }
 
     component Rect: StyledRect {
-        radius: Appearance.rounding.small
         color: Colours.tPalette.m3surfaceContainer
     }
 }