Update sidebar

RobiNN1 · RobiNN1 · commit 193aa48ef480 · 2022-09-03T14:29:38.000+02:00
close #18
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -1163,16 +1163,16 @@ video {
   vertical-align: middle;
 }
 
-.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
 }
 
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -1843,6 +1843,10 @@ video {
     padding-left: 1.25rem;
     padding-right: 1.25rem;
   }
+
+  .md\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
 }
 
 @media (min-width: 1024px) {
diff --git a/templates/layout.twig b/templates/layout.twig
@@ -10,13 +10,16 @@
 <body class="bg-gray-50 text-gray-900 md:ml-64" data-dashboard="{{ current }}">
 <aside id="sidebar" class="hidden md:block">
     <nav class="bg-{{ color }}-500 fixed top-0 left-0 bottom-0 block w-64 overflow-hidden overflow-y-auto py-4 pt-6 px-6 shadow-xl shadow-gray-500">
-        <div class="mx-auto min-h-full w-full px-0">
-            <a class="hidden pb-2 text-white md:block" href="index.php">{{ svg('logo', null) }}</a>
-            {% for link, item in nav %}
-                <a class="flex items-center py-2 {{ current == link ? ' font-bold' : '' }} text-white hover:text-gray-200" href="?type={{ link }}">
-                    {{ svg(item.icon, 16, 'mr-1' ~ (current == link ? '' : ' opacity-75')) }} {{~ item.title ~}}
-                </a>
-            {% endfor %}
+        <div class="mx-auto min-h-full w-full px-0 flex flex-col justify-between">
+            <div>
+                <a class="hidden pb-2 text-white md:block md:pb-5" href="index.php">{{ svg('logo', null) }}</a>
+                {% for link, item in nav %}
+                    <a class="flex items-center py-2 {{ current == link ? ' font-bold' : '' }} text-white hover:text-gray-200" href="?type={{ link }}">
+                        {{ svg(item.icon, 16, 'mr-1' ~ (current == link ? '' : ' opacity-75')) }} {{~ item.title ~}}
+                    </a>
+                {% endfor %}
+            </div>
+
             <footer class="my-4 text-center text-white">
                 {% if logout_url %}
                     <a class="block py-2 text-white hover:text-gray-200" href="{{ logout_url }}">Logout</a>
