Title, time range
The dashboard’s main purpose is to provide a rapid overview within a certain timeframe, so that the user can, at a glance, get a grasp of the state of the admin area.
Duplicate books.html
and remove everything in the main right column (from the “Books” title to the pagination), so only the navbar at the top and the sidebar menu on the left remain. Move the is-active
class as well:
In this now empty right column, start with a level
component that will combine a title and a select dropdown.
<div
class=
"level"
>
<div
class=
"level-left"
>
<h1
class=
"subtitle is-3"
>
<span
class=
"has-text-grey-light"
>
Hello</span>
<strong>
Alex Johnson</strong>
</h1>
</div>
<div
class=
"level-right"
>
<div
class=
"select"
>
<select>
<option>
Today</option>
<option>
Yesterday</option...