trilium/src/public/javascripts/widgets/mobile_layout.js
2020-03-01 12:05:10 +01:00

22 lines
983 B
JavaScript

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')
.class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-5 col-md-4 col-lg-4 col-xl-4")
.child(new MobileGlobalButtonsWidget())
.child(new NoteTreeWidget()))
.child(new FlexContainer('column')
.class("d-none d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-7 col-md-8 col-lg-8")
.child(new NoteTitleWidget())
.child(new NoteDetailWidget()));
}
}