menu

layouts/_default/baseof.html

@@ -15,9 +15,17 @@
                 <div>
                     <a href="/" class="no-underline"><h1 class="mt-0 mb-0">Keks.Cloud</h1></a>
                 </div>
-                        <ul class="space-x-4 font-light text-xl flex items-center ">
+                        <ul class="space-x-4 font-light text-xl hidden md:flex items-center ">
+				<li class="inline-block text-gray-700 hover:text-sky-800"><a class="no-underline" href="/software/">Software</a></li>
                             <li class="inline-block text-gray-700 hover:text-sky-800"><a class="no-underline" href="/services/">Services</a></li>
                         </ul>
+			<div class="dropdown dropdown-end md:hidden">
+  <label tabindex="0" class="btn m-1">Menu</label>
+  <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52">
+    <li><a href="/software">Software</a></li>
+    <li><a href="/services">Services</a></li>
+  </ul>
+</div>
                 <div class="hidden">
                     <a href="#" class="btn btn-primary bg-sky-800">Account</a>
                 </div>
@@ -27,4 +35,4 @@
         </div>
 
     </body>
-</html>
+</html>

layouts/input.css

@@ -43,4 +43,7 @@ body {
 }
 img {
     @apply my-3
-}
+}
+p {
+    @apply pt-2
+}