Full-height sidebar
The sidebar comes before the header, so it takes the full page height and the header sits beside it.
<body>
<flux:sidebar sticky>…</flux:sidebar>
<flux:header sticky>…</flux:header>
<flux:main>…</flux:main>
</body>
sidebar
header
main
footer
In RTL the sidebar is placed on the right automatically; no extra classes needed.
Orders today
128
Sales today
184,500,000
Toman
Returns
7
Average rating
Latest orders
|
Product
|
Status
|
|
Amount
|
|---|---|---|---|
|
|
2 days ago |
13%
42,500,000
Toman
|
|
|
|
1 day ago |
1,890,000
Toman
|
|
|
|
6 hours ago |
30%
245,000
Toman
|
|
|
|
2 hours ago |
3,200,000
Toman
|
Flash deals
Ends in:
07
hours
42
min
00
sec