Merge pull request #14 from shakacode/use-full-title

Use full title
shakacode · Nov 19, 2023 · 326e416 · 326e416
2 parents 945f196 + 78fd9b3
commit 326e416
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/app/assets/stylesheets/welcome.scss b/app/assets/stylesheets/welcome.scss
@@ -12,12 +12,20 @@ nav {
   overflow: hidden;
 
   & a {
-    padding: .5rem 3rem;
     background-color: #eee;
+    text-align: center;
+    padding: 1rem;
+    @media(min-width: 640px) {
+      padding: .5rem 3rem;
+    }
 
     &:hover {
       background-color: #edd;
     }
+
+    &.active {
+      background-color: #edd;
+    }
   }
 }
 
diff --git a/app/views/welcome/_nav.html.erb b/app/views/welcome/_nav.html.erb
@@ -1,4 +1,4 @@
 <nav >
-  <%= link_to "CSR", '/welcome/csr' %>
-  <%= link_to "SSR", '/welcome/ssr' %>
+  <%= link_to "Client Side Rendering", '/welcome/csr', class: current_page?(welcome_csr_path) ? "active" : "" %>
+  <%= link_to "Server Side Rendering", '/welcome/ssr', class: current_page?(welcome_ssr_path) ? "active" : "" %>
 </nav>