logged out display

This commit is contained in:
kaipher7
2026-04-23 16:53:17 -06:00
parent f19a647ee5
commit 23d9d1d6e8
9 changed files with 67 additions and 33 deletions
@@ -138,6 +138,14 @@ body, html {
transform: scale(1.05); transform: scale(1.05);
} }
.login-link {
margin-top: 16px;
font-size: 0.8em;
text-align: center;
padding: 0 15px;
list-style: none;
}
/* ========================= /* =========================
Floating Create Icon Floating Create Icon
========================= */ ========================= */
+7 -1
View File
@@ -98,7 +98,7 @@ body, html {
.sidebar-left ul { .sidebar-left ul {
list-style: none; list-style: none;
padding: 0; padding: 0 25px;
} }
.sidebar-left li { .sidebar-left li {
@@ -130,6 +130,12 @@ body, html {
transform: scale(1.05); transform: scale(1.05);
} }
.login-link {
margin-top: 16px;
font-size: 0.8em;
text-align: center;
list-style: none;
}
/* ========================= /* =========================
Floating Create Icon Floating Create Icon
@@ -134,6 +134,13 @@ body, html {
transform: scale(1.05); transform: scale(1.05);
} }
.login-link {
margin-top: 16px;
font-size: 0.8em;
text-align: center;
padding: 0 15px;
list-style: none;
}
/* ========================= /* =========================
Floating Create Icon Floating Create Icon
@@ -132,7 +132,13 @@ body, html {
transform: scale(1.05); transform: scale(1.05);
} }
.login-link {
margin-top: 16px;
font-size: 0.8em;
text-align: center;
padding: 0 15px;
list-style: none;
}
/* ========================= /* =========================
Floating Create Icon Floating Create Icon
+4 -4
View File
@@ -23,11 +23,11 @@
<nav class="sidebar-left"> <nav class="sidebar-left">
<ul> <ul>
<li><a th:href="@{/explore}">Explore</a></li> <li><a th:href="@{/explore}">Explore</a></li>
<li><a th:href="${guest} ? @{/login} : @{/}">Saved</a></li> <li th:unless="${guest}"><a th:href="@{/}">Saved</a></li>
<li><a th:href="@{/my-profile}">Profile</a></li> <li th:unless="${guest}"><a th:href="@{/my-profile}">Profile</a></li>
<li th:if="${guest}"> <li th:if="${guest}" class="login-link">
<a th:href="@{/login(redirect='/explore')}" class="login-link">Login</a> <a th:href="@{/login}">Login</a> or <a th:href="@{/register}">Sign Up</a> to create and save recipes
</li> </li>
<li th:unless="${guest}"> <li th:unless="${guest}">
+4 -7
View File
@@ -19,11 +19,11 @@
<nav class="sidebar-left"> <nav class="sidebar-left">
<ul> <ul>
<li><a th:href="@{/explore}">Explore</a></li> <li><a th:href="@{/explore}">Explore</a></li>
<li><a th:href="${guest} ? @{/login} : @{/}">Saved</a></li> <li th:unless="${guest}"><a th:href="@{/}">Saved</a></li>
<li><a th:href="@{/my-profile}">Profile</a></li> <li th:unless="${guest}"><a th:href="@{/my-profile}">Profile</a></li>
<li th:if="${guest}"> <li th:if="${guest}" class="login-link">
<a th:href="@{/login}" class="login-link">Login</a> <a th:href="@{/login}">Login</a> or <a th:href="@{/register}">Sign Up</a> to create and save recipes
</li> </li>
<li th:unless="${guest}"> <li th:unless="${guest}">
@@ -43,9 +43,6 @@
<div class="recipe-card"> <div class="recipe-card">
<div th:if="${guest}" style="text-align:center; padding: 20px 0;"> <div th:if="${guest}" style="text-align:center; padding: 20px 0;">
<p style="margin-bottom:16px;">Log in to view and save your favorite recipes.</p> <p style="margin-bottom:16px;">Log in to view and save your favorite recipes.</p>
<a th:href="@{/login}" style="display:inline-block; padding:10px 18px; background:#850000; color:white; text-decoration:none; border-radius:8px;">
Login
</a>
</div> </div>
<div th:unless="${guest}"> <div th:unless="${guest}">
+8 -3
View File
@@ -23,9 +23,14 @@
<nav class="sidebar-left"> <nav class="sidebar-left">
<ul> <ul>
<li><a th:href="@{/explore}">Explore</a></li> <li><a th:href="@{/explore}">Explore</a></li>
<li><a href="/">Saved</a></li> <li th:unless="${guest}"><a th:href="@{/}">Saved</a></li>
<li><a th:href="@{/my-profile}">Profile</a></li> <li th:unless="${guest}"><a th:href="@{/my-profile}">Profile</a></li>
<li>
<li th:if="${guest}" class="login-link">
<a th:href="@{/login}">Login</a> or <a th:href="@{/register}">Sign Up</a> to create and save recipes
</li>
<li th:unless="${guest}">
<form th:action="@{/logout}" method="post"> <form th:action="@{/logout}" method="post">
<input type="image" th:src="@{images/logout_icon.png}" alt="Logout button" class="nav_icon"/> <input type="image" th:src="@{images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
</form> </form>
@@ -22,16 +22,16 @@
<nav class="sidebar-left"> <nav class="sidebar-left">
<ul> <ul>
<li><a th:href="@{/explore}">Explore</a></li> <li><a th:href="@{/explore}">Explore</a></li>
<li><a th:href="${guest} ? @{/login} : @{/}">Saved</a></li> <li th:unless="${guest}"><a th:href="@{/}">Saved</a></li>
<li><a th:href="@{/my-profile}">Profile</a></li> <li th:unless="${guest}"><a th:href="@{/my-profile}">Profile</a></li>
<li th:if="${guest}"> <li th:if="${guest}" class="login-link">
<a th:href="@{/login}" class="login-link">Login</a> <a th:href="@{/login}">Login</a> or <a th:href="@{/register}">Sign Up</a> to create and save recipes
</li> </li>
<li th:unless="${guest}"> <li th:unless="${guest}">
<form th:action="@{/logout}" method="post"> <form th:action="@{/logout}" method="post">
<input type="image" th:src="@{/images/logout_icon.png}" alt="Logout button" class="nav_icon"/> <input type="image" th:src="@{images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
</form> </form>
</li> </li>
</ul> </ul>
@@ -22,11 +22,16 @@
<nav class="sidebar-left"> <nav class="sidebar-left">
<ul> <ul>
<li><a th:href="@{/explore}">Explore</a></li> <li><a th:href="@{/explore}">Explore</a></li>
<li><a href="/">Saved</a></li> <li th:unless="${guest}"><a th:href="@{/}">Saved</a></li>
<li><a th:href="@{/my-profile}">Profile</a></li> <li th:unless="${guest}"><a th:href="@{/my-profile}">Profile</a></li>
<li>
<li th:if="${guest}" class="login-link">
<a th:href="@{/login}">Login</a> or <a th:href="@{/register}">Sign Up</a> to create and save recipes
</li>
<li th:unless="${guest}">
<form th:action="@{/logout}" method="post"> <form th:action="@{/logout}" method="post">
<input type="image" th:src="@{/images/logout_icon.png}" alt="Logout button" class="nav_icon"/> <input type="image" th:src="@{images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
</form> </form>
</li> </li>
</ul> </ul>