Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-09 07:25:21 +02:00
Code Issues Releases Activity

Add right column

Browse source
This commit is contained in:
Tanya Fomina 2022-06-25 12:04:35 +08:00
parent b3d8a1bfd4
commit 8dc2b0ed5e
2 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/backend/views/layout.twig
View file

@ -21,9 +21,12 @@
{% include "components/sidebar.twig" %} {% include "components/sidebar.twig" %}
<div class="docs__content"> <div class="docs__content">
<div class="docs__content-inner"> <div class="docs__content-inner">
{% block body %}{% endblock %} {% block body %}{% endblock %}
</div> </div>
<aside class="docs__aside-right"></aside>
</div> </div>
</div> </div>
<script src="/dist/main.bundle.js"></script> <script src="/dist/main.bundle.js"></script>

28
src/frontend/styles/layout.pcss
View file

@ -18,6 +18,11 @@
&-inner { &-inner {
max-width: var(--layout-width-main-col); max-width: var(--layout-width-main-col);
margin: 0 auto; margin: 0 auto;
@media (--desktop) {
margin-right: var(--layout-padding-horizontal);
margin-left: 0;
}
} }
} }
@ -28,4 +33,27 @@
padding: 20px var(--layout-padding-horizontal); padding: 20px var(--layout-padding-horizontal);
} }
} }
&__content {
--max-space-between-cols: 160px;
display: flex;
margin: 0 auto;
justify-content: space-between;
max-width: calc(var(--layout-width-main-col) + var(--max-space-between-cols) + var(--layout-sidebar-width));
}
&__aside-right {
/* tmp styles */
background: gray;
height: 100px;
width: var(--layout-sidebar-width);
min-width: 160px;
display: none;
@media (--desktop) {
display: block;
}
}
} }