import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.12

ApplicationWindow {
    id: window
    title: "MegaManga"
    minimumWidth: 640
    minimumHeight: 480
    visible: true

    GridLayout {
        columns: 2
        width: window.width
        height: window.height

        Rectangle {
            Layout.preferredWidth: 250
            Layout.preferredHeight: parent.height
            color: "orange"
        }

        RowLayout {
            Layout.fillWidth: true
            Layout.preferredHeight: 40

            Rectangle {
                Layout.preferredWidth: 40
                Layout.preferredHeight: parent.height
                color: "red"

                MouseArea {
                    anchors.fill: parent
                }
            }

            Rectangle {
                Layout.preferredWidth: parent.width * 0.80
                Layout.preferredHeight: parent.height
                color: "blue"
            }

            Rectangle {
                Layout.fillWidth: true
                Layout.preferredHeight: parent.height
                color: "green"
            }
        }

        RowLayout {
            Layout.fillWidth: true
            Layout.fillHeight: true

            Rectangle {
                width: parent.width
                height: parent.height
                color: "pink"
            }
        }
    }
}