Updated design components

2 files changed, 26 insertions, 10 deletions

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index c5c66bf..337f898 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,14 +1,17 @@
 <nav>

-    <label for="drop" class="toggle"><i class="fas fa-bars float_right" aria-hidden="true"></i> Sugoi</label>

+    <label for="drop" class="toggle"><i class="fas fa-bars float_right" aria-hidden="true"></i> <span><i class="fas fa-fire" aria-hidden="true"></i>

+        Sugoi</span></label>

     <input type="checkbox" id="drop" />

     <ul class="menu">

-        <li><a href="{$mybb->settings['bburl']}" class="Home"><span><i class="fas fa-home" aria-hidden="true"></i>

-                    Home</span></a></li>

-        <li><a href="{$mybb->settings['bburl']}/index.php" class="Forum"><span><i class="fas fa-circle"

-                        aria-hidden="true"></i> Forum</span></a></li>

-        <li><a href="{$mybb->settings['bburl']}/memberlist.php" class="Members"><span><i class="fas fa-user"

-                        aria-hidden="true"></i> Memberlist</span></a></li>

-        <li class="float_right mobile_hide"><a href="{$mybb->settings['bburl']}/member.php?action=register"

-                class="register"><i class="fas fa-child"></i> Create an account</a></li>

+        <li><a href="{$mybb->settings['bburl']}" class="Home"><span><i class="fas fa-fire" aria-hidden="true"></i>

+                    Sugoi</span></a></li>

+                        {{ range .Site.Menus.nav }}

+                        <li class="u-pull-right">

+                            <a href="{{ .URL | absLangURL }}" class="Members">

+                            <span><i class="fas fa-user"

+                            aria-hidden="true"></i> {{ .Name }}</span>

+                        </a>

+                        </li>

+                        {{ end }}

     </ul>

 </nav>
\ No newline at end of file
diff --git a/static/css/custom.css b/static/css/custom.css
index c8e94c8..ccbc3c8 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -116,6 +116,7 @@ nav ul li>a:only-child::after {
     padding: 10px 10px;

     text-decoration: none;

     text-align: left;

+    cursor: pointer;

   }

 

   .toggle:hover {

@@ -224,7 +225,7 @@ nav ul li>a:only-child::after {
   margin-bottom: auto;

   min-height: 400px;

   padding: 0;

-  width: 97%;

+  width: 92%;

   margin-top: -100px;

   border-top-left-radius: 20px;

   border-top-right-radius: 20px;

@@ -267,3 +268,15 @@ nav ul li>a:only-child::after {
     align-items: center;

     text-align: center;

   }

+

+

+  .row.content {

+    padding: 30px;

+    margin-top: -70px;

+}

+

+@media (min-width: 550px) {

+  .row.content {

+    padding: 75px;

+    margin-top: -75px;

+  }
\ No newline at end of file