Use re-usable TabRow component

Contributes to issue CURA-5876.

1 files changed, 5 insertions, 8 deletions

diff --git a/resources/qml/Menus/ConfigurationMenu/CustomConfiguration.qml b/resources/qml/Menus/ConfigurationMenu/CustomConfiguration.qml
index d424f35ebe..50ff108431 100644
--- a/resources/qml/Menus/ConfigurationMenu/CustomConfiguration.qml
+++ b/resources/qml/Menus/ConfigurationMenu/CustomConfiguration.qml
@@ -29,22 +29,19 @@ Item
         }
     }
 
-    TabBar
+    UM.TabRow
     {
         id: tabBar
-        onCurrentIndexChanged: Cura.ExtruderManager.setActiveExtruderIndex(currentIndex)
         anchors.top: header.bottom
         anchors.topMargin: UM.Theme.getSize("default_margin").height
-        width: parent.width
-        height: 50
+
+        onCurrentIndexChanged: Cura.ExtruderManager.setActiveExtruderIndex(currentIndex)
+
         Repeater
         {
             model: extrudersModel
-
-            delegate: TabButton
+            delegate: UM.TabRowButton
             {
-                width: ListView.view != null ?  Math.round(ListView.view.width / extrudersModel.rowCount()): 0
-                height: parent.height
                 contentItem: Item
                 {
                     Cura.ExtruderIcon