components/StyledPane.qml

@@ -5,7 +5,7 @@ import QtQuick.Controls
 Pane {
     id: pane
 
-    padding: 8
+    padding: 24
     background: Rectangle {
         color: "transparent"
         border.width: Styling.theme.border

modules/storybook/Components.qml

@@ -1,6 +1,5 @@
 import qs.components
 import qs.config
-import qs.services
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
@@ -15,7 +14,6 @@ GridLayout {
             text: "ToolTip"
             font.pixelSize: 18
         }
-        StyledPane {
         Button {
             id: toolTipButton
             text: "Hello world!"
@@ -25,14 +23,12 @@ GridLayout {
             }
         }
     }
-    }
 
     ColumnLayout {
         StyledText {
             text: "ProgressBar"
             font.pixelSize: 18
         }
-        StyledPane {
         StyledProgressBar {
             id: progressBar
             indeterminate: true
@@ -42,14 +38,12 @@ GridLayout {
             value: 50
         }
     }
-    }
 
     ColumnLayout {
         StyledText {
             text: "ListView"
             font.pixelSize: 18
         }
-        StyledPane {
         StyledWrapperRectangle {
             border.color: Styling.theme.base100
             border.width: 2
@@ -63,36 +57,30 @@ GridLayout {
             }
         }
     }
-    }
 
     ColumnLayout {
         StyledText {
             text: "Mpris Player Selector"
             font.pixelSize: 18
         }
-        StyledPane {
         MprisPlayerSelector {}
     }
-    }
 
     ColumnLayout {
         StyledText {
             text: "Mpris Controller"
             font.pixelSize: 18
         }
-        StyledPane {
         MprisController {
             player: Mpris.active ?? null
         }
     }
-    }
 
     ColumnLayout {
         StyledText {
             text: "Drawer"
             font.pixelSize: 18
         }
-        StyledPane {
         RowLayout {
             Button {
                 text: "Top"
@@ -132,7 +120,6 @@ GridLayout {
             }
         }
     }
-    }
 
     StyledDrawer {
         id: drawer

modules/storybook/Selectors.qml

@@ -1,4 +1,5 @@
 import qs.components
+import qs.config
 import QtQuick
 import QtQuick.Layouts
 
@@ -13,10 +14,8 @@ GridLayout {
             font.pixelSize: 18
         }
 
-        StyledPane {
         StyledSwitch {
             text: "Enable"
         }
     }
 }
-}