To all who tried to optimize space of oh-pages and wondered how to get rid of this space:
Add these styles to the config section of the page and to oh-block:
config:
style:
--f7-block-padding-horizontal: 0px
--f7-navbar-height: 0
blocks:
- component: oh-block
config:
stylesheet: |
.block:first-child{
margin-top:0;
}
--f7-block-padding-horizontal: 0px reduces left and right margin
--f7-navbar-height: 0 is only required for iOS
stylesheet is required to inject css to overwrite app.css styles. in this case top margin