From 16ba86fddb347ba71ba83928991f8d75e635cae4 Mon Sep 17 00:00:00 2001 From: YeoKyung Yoon Date: Fri, 3 Jun 2022 00:01:02 +0900 Subject: [PATCH] Add project logo at the bottom of aside (#190) * feat: add project logo at the bottom of aside * fix: fix unaligned logo --- src/backend/views/components/aside.twig | 70 +++++++++++++---------- src/frontend/styles/components/aside.pcss | 11 ++++ src/frontend/svg/aside-logo.svg | 39 +++++++++++++ 3 files changed, 89 insertions(+), 31 deletions(-) create mode 100644 src/frontend/svg/aside-logo.svg diff --git a/src/backend/views/components/aside.twig b/src/backend/views/components/aside.twig index 6cbec4a..25a6133 100644 --- a/src/backend/views/components/aside.twig +++ b/src/backend/views/components/aside.twig @@ -2,40 +2,48 @@ {{ svg('menu') }} Table of contents
- {% for firstLevelPage in menu %} -
- - {{ firstLevelPage.title | striptags }} - - {% if firstLevelPage.children is not empty %} -
- {% endfor %} + {{ child.title | striptags }} + + + {% endfor %} + + {% endif %} + + {% endfor %} + + +
+ Powered by CodeX Docs +
+
diff --git a/src/frontend/styles/components/aside.pcss b/src/frontend/styles/components/aside.pcss index 7f99599..bb43bab 100644 --- a/src/frontend/styles/components/aside.pcss +++ b/src/frontend/styles/components/aside.pcss @@ -63,6 +63,17 @@ &__current { color: var(--color-page-active) !important; } + + &__logo-wrapper { + margin-top: 5rem; + display: flex; + align-items: center; + gap: 18px; + + .logo { + display: inline-flex; + } + } } .docs-aside-toggler { diff --git a/src/frontend/svg/aside-logo.svg b/src/frontend/svg/aside-logo.svg new file mode 100644 index 0000000..c4e1295 --- /dev/null +++ b/src/frontend/svg/aside-logo.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +