//////////////SWITCH SETTINGS

    Rectangle {
        id: switchsettings

        color: "#ebebeb"

        anchors.left: parent.left
        anchors.right: parent.right
        anchors.top: switchgamelist.bottom
        anchors.bottom: parent.bottom
        height: parent.height*0.2



        Item{
            anchors.fill : parent


            ListView {
                      id: systemAxis

                      anchors.fill: parent
                      clip: true

                      orientation: ListView.Horizontal

                      model: 5
                      delegate: systemAxisDelegate
                      spacing: vpx(10)

                      snapMode: ListView.SnapOneItem
                      highlightRangeMode: ListView.StrictlyEnforceRange
                      highlightMoveDuration: 0

                      highlight:
                                      Rectangle {
                                      color: "transparent"
                                      border.color: systemAxis.activeFocus ? "#4ff0de" : "transparent"
                                      border.width: vpx(6)
                                      scale: 1.1
                                      radius: parent.width*0.5
                                      y: 20
                                      z: 2
                                      }

                      preferredHighlightBegin: vpx(100)
                      preferredHighlightEnd: preferredHighlightBegin + vpx(1130)
                      Keys.onUpPressed: gameAxis.forceActiveFocus()

                      focus: true

                  } }


          Component {
              id: systemAxisDelegate

              Rectangle {
                              id: switchsystem
                              width: vpx(90)
                              height: vpx(90)
                              color: "white"
                              radius: width*0.5
                              clip: true
                              y: 20
                              border.color: "#e3e3e3"
                              border.width: vpx(2)

                              Column {
                                  anchors.fill: parent
                                  Image {
                                      id: systemicons
                                      anchors.left: parent.left
                                      anchors.right: parent.right
                                      anchors.top: parent.top
                                      anchors.bottom: parent.bottom

                                      fillMode: Image.PreserveAspectCrop
                                      source: assets.banner || assets.steam || assets.boxFront
                                      sourceSize { width: 300; height: 300 }
                                      asynchronous: true

                                  }
                              }


    }
          }


    }