Minor - Update docs style

5 years ago · eb5144b473
parent 08056e7e54
commit eb5144b473
3 changed files with 14 additions and 18 deletions
--- a/package.json
+++ b/package.json
@ -16,6 +16,7 @@
    "@popperjs/core": "^2.9.2",
    "@quasar/extras": "latest",
    "@tailwindcss/forms": "^0.3.2",
+    "@tailwindcss/typography": "^0.4.0",
    "@tailwindcss/ui": "^0.7.2",
    "@tinymce/tinymce-vue": "^4.0",
    "@types/lodash": "^4.14.168",
--- a/public/documentation/installation_guide.html
+++ b/public/documentation/installation_guide.html
@ -3,25 +3,20 @@
    <meta charset="utf-8" />
    <title>Chamilo Installation Guide</title>
    <link rel="stylesheet" href="../build/css/app.css" type="text/css" media="screen,projection" />
-    <link rel="stylesheet" href="../build/css/themes/chamilo/default.css" type="text/css" media="screen,projection" />
-    <link rel="stylesheet" href="default.css" type="text/css" media="screen,projection" />
-    <link rel="stylesheet" href="../build/css/print.css" type="text/css" media="print" />
+    <link rel="stylesheet" href="../build/vue.css" type="text/css" media="screen,projection" />
+
    <script src="../build/app.js"></script>
 </head>
 <body>
-<nav class="navbar navbar-default navbar-fixed-top">
-    <div class="container">
-        <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-                <span class="sr-only">Toggle navigation</span>
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-            </button>
+
+<nav class="bg-gray-200">
+    <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
+    <div class=" flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
+        <div class="flex-shrink-0 flex items-center">
            <a class="navbar-brand" href="#">Chamilo - Documentation</a>
        </div>
-        <div class="collapse navbar-collapse">
-            <ul class="nav navbar-nav">
+        <div class="sm:block sm:ml-6">
+            <ul class="flex space-x-4 ">
                <li class="active"><a href="index.html">Home</a></li>
                <li ><a href="readme.html">About</a></li>
                <li><a href="license.html">License</a></li>
@ -29,11 +24,11 @@
                <li ><a href="dependencies.html">Dependencies</a></li>
                <li><a href="changelog.html">Changelog</a></li>
            </ul>
-        </div><!--/.nav-collapse -->
-    </div>
+        </div>
+    </div></div>
 </nav>

-<div class="container">
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 prose prose-blue">
 <h1>Chamilo 1.11 - Installation Guide</h1>

 <p>Thank you for downloading Chamilo</p>
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -15,6 +15,6 @@ module.exports = {
  },
  plugins: [
    require('@tailwindcss/forms'),
-    require('@tailwindcss/ui'),
+    require("@tailwindcss/typography")
  ],
 }