adding back to home buttons on all pages

scalableinternetservices · Nov 20, 2024 · 8b46f84 · 8b46f84
1 parent 1f81988
commit 8b46f84
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/app/assets/stylesheets/auth.css b/app/assets/stylesheets/auth.css
@@ -91,15 +91,21 @@ body {
 }
 
 /* Navigation links in header */
+.left-nav {
+  position: absolute;
+  top: 10px;
+  left: 0px;
+}
+
 .nav-links {
   position: absolute;
-  top: 20px;
+  top: 10px;
   right: 20px;
   display: flex;
   gap: 15px;
 }
 
-.nav-links a {
+.left-nav a, .nav-links a {
   color: #3498db;
   text-decoration: none;
   font-size: 14px;
@@ -109,7 +115,7 @@ body {
   transition: background-color 0.2s;
 }
 
-.nav-links a:hover {
+.left-nav a:hover, .nav-links a:hover {
   background-color: rgba(52, 152, 219, 0.1);
 }
 
@@ -135,4 +141,9 @@ body {
 
 .home-link:hover {
   color: #3498db;
+}
+
+/* Add padding to main content when on profile page */
+body.profile-page {
+  padding-top: 35px;  /* Adjust this value as needed */
 }
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -10,8 +10,14 @@
     <%= javascript_importmap_tags %>
   </head>
 
-  <body>
+  <body class="<%= 'profile-page' if current_page?(profile_path) || current_page?(create_listing_path) %>">
     <% unless current_page?(login_path) || current_page?(register_path) %>
+      <% unless current_page?(root_path)%>
+        <div class="left-nav">
+          <%= link_to "Back to Home", root_path, class: "nav-link" %>
+        </div>
+      <% end %>
+
       <div class="nav-links">
         <% if @loggedin %>
           <%= link_to "Log Out", "/logout" %> <%= link_to "Profile", "/profile" %>