mirror of
https://gitlab.com/etc404/software-engineering-project.git
synced 2026-05-10 20:52:58 +00:00
logged out display
This commit is contained in:
@@ -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
|
||||||
========================= */
|
========================= */
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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}">
|
||||||
|
|||||||
@@ -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}">
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user