Notes/src/public/javascripts/widgets/mobile_layout.js

import FlexContainer from "./flex_container.js";
import NoteTitleWidget from "./note_title.js";
import NoteDetailWidget from "./note_detail.js";
import NoteTreeWidget from "./note_tree.js";
import MobileGlobalButtonsWidget from "./mobile_global_buttons.js";

export default class MobileLayout {
    getRootWidget(appContext) {
        return new FlexContainer('row')
            .setParent(appContext)
            .id('root-widget')
            .css('height', '100vh')
            .child(new FlexContainer('column')
                .child(new MobileGlobalButtonsWidget())
                .child(new NoteTreeWidget()))
            .child(new FlexContainer('column')
                .child(new NoteTitleWidget())
                .child(new NoteDetailWidget()));
    }
}