Banner

eodiro Banner is a new navigation UI system that allows you to easily and beautifully fetch the current page's information and navigate through further routes.

Tiles

A heart of identities of eodiro. It automatically generates the precise number of tiles by calculating the size of the Banner. Only visible at home.

For more information, visit Tiles wiki page.

Mini Mode

Apps pages which are scrolled down and all the chilren pages under the Apps should use mini mode to deliver users a more simple and tidy experience.

intersectionObserver and Sentinel

A sentinel element exists globally at a suitable distance from the top relatively to the Banner. Whenever it appears and disappears, an intersectionObserver observes its visibility and toggles a mode.

How to apply mini mode?

You have to set an object key bannerMode to 'mini' inside the chilren pages.

export default {
  meta: {
    bannerMode: 'mini'
  }
}

Sizes

Check _variables.scss partial.