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>