Просмотр исходного кода

feat(docs): Add logo to footer

Michael Bromley 7 лет назад
Родитель
Сommit
da81c28868
3 измененных файлов с 20 добавлено и 9 удалено
  1. 6 0
      docs/assets/styles/main.scss
  2. 14 9
      docs/layouts/partials/footer.html
  3. BIN
      docs/static/logo.png

+ 6 - 0
docs/assets/styles/main.scss

@@ -202,6 +202,12 @@ ul.contents-list {
         margin-left: 12px;
     }
 
+    .footer-logo img {
+        width: 100px;
+        filter: saturate(0%);
+        opacity: 0.5;
+    }
+
     .links {
         margin-left: 12px;
         margin-bottom: 60px;

+ 14 - 9
docs/layouts/partials/footer.html

@@ -1,14 +1,19 @@
 <div class="footer">
     <div class="container">
-        <div class="links">
-            <ul>
-                <li><a href="./docs/">Documentation</a></li>
-                <li><a href="./blog/">Blog</a></li>
-                <li><a href="https://github.com/vendure-ecommerce/vendure">GitHub</a></li>
-                <li><a href="https://www.npmjs.com/~vendure">npm</a></li>
-                <li><a href="https://twitter.com/vendure_io">Twitter</a></li>
-                <li><a href="mailto:contact@vendure.io" class="email-link"><img src="{{ "svg/clr-icon-email-light.svg" | relURL }}"> contact@vendure.io</a></li>
-            </ul>
+        <div class="flex justify-between">
+            <div class="links">
+                <ul>
+                    <li><a href="./docs/">Documentation</a></li>
+                    <li><a href="./blog/">Blog</a></li>
+                    <li><a href="https://github.com/vendure-ecommerce/vendure">GitHub</a></li>
+                    <li><a href="https://www.npmjs.com/~vendure">npm</a></li>
+                    <li><a href="https://twitter.com/vendure_io">Twitter</a></li>
+                    <li><a href="mailto:contact@vendure.io" class="email-link"><img src="{{ "svg/clr-icon-email-light.svg" | relURL }}"> contact@vendure.io</a></li>
+                </ul>
+            </div>
+            <div class="footer-logo">
+                <img src="{{ "logo.png" | relURL }}" />
+            </div>
         </div>
         <div class="copyright">
             &copy; {{ now.Format "2006" }} <a href="https://www.michaelbromley.co.uk/">Michael Bromley</a>

BIN
docs/static/logo.png