mirror of
https://github.com/Coffeedon/Cofffee-Assets.git
synced 2024-11-29 01:20:59 +00:00
25 lines
668 B
CSS
25 lines
668 B
CSS
|
/*
|
||
|
Single column layout:
|
||
|
- re-uses tab bar from mobile layout
|
||
|
- hides search from drawer (redundant with search tab)
|
||
|
|
||
|
author: trwnh
|
||
|
license: Public Domain
|
||
|
*/
|
||
|
|
||
|
@media (min-width: 1024px) {
|
||
|
/* place constraints on app layout */
|
||
|
.ui {max-width: 960px; max-height: 100vh;}
|
||
|
.drawer {width: 300px}
|
||
|
.column:last-child, .drawer:last-child
|
||
|
{display: flex; flex: 1 1 100%;}
|
||
|
/* show tabs bar (from mobile layout) as header */
|
||
|
.tabs-bar {display: flex;}
|
||
|
/* hide redundant ui elements */
|
||
|
.column,
|
||
|
.drawer__header,
|
||
|
.drawer:first-child .search,
|
||
|
.drawer:first-child .search-results
|
||
|
{display: none;}
|
||
|
.drawer:first-child .drawer__inner.darker {z-index: -1}
|
||
|
}
|