Skip to content
Snippets Groups Projects
Commit 01a68a17 authored by Richard Githuba's avatar Richard Githuba
Browse files

stying fixes for log in

parent a1fdfd2f
No related branches found
No related tags found
No related merge requests found
......@@ -4,6 +4,7 @@ section {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
}
......@@ -55,6 +56,7 @@ button:hover {
display: flex;
flex-direction: column;
justify-content: space-between; /* Space out the content inside the tile */
transition:transform ease-in-out;
}
/* Logo and title container */
......@@ -97,8 +99,12 @@ button:hover {
height: 100%; /* Ensures the link takes full height of the tile */
}
.tile:hover{
transform: scale(1.03);
}
.tileLink:hover {
background-color: #f0f0f0; /* Light background on hover */
/*background-color: #f0f0f0; !* Light background on hover *!*/
border-radius: 10px;
transition: background-color 0.3s ease;
}
......
*{
box-sizing: border-box;
font-family: "Roboto", serif;
/*font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif*/
}
......
......@@ -221,6 +221,10 @@ nav.sidebar {
/* ACCOUNT OPTIONS STYLING */
/* Dropdown styles */
#account-options {
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
......@@ -230,9 +234,11 @@ nav.sidebar {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
min-width: 100px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
right: 50px;
top: 60px;
}
.dropdown-content a {
......@@ -250,5 +256,9 @@ nav.sidebar {
display: block;
}
.proficon {
width: 20px;
height: 20px;
}
/* ACCOUNT OPTIONS STYLING END */
\ No newline at end of file
/* General Styles */
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
margin: 0;
section {
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin-bottom: 30px;
}
/* Title */
......
<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{layout/layout}">
layout:decorate="~{layout/layout}"
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity6"
>
<head>
<meta charset="UTF-8">
<!--Custom styles-->
......@@ -24,7 +26,7 @@
<h1 th:text="${selectedInfo.getInfoTitle()}">Information Title</h1>
</section>
<aside class="sub-head-edit-container">
<a id="editButtonLink" th:href="@{/info/edit/{id} (id=${selectedInfo.getInformationId()})}">
<a id="editButtonLink" th:href="@{/info/edit/{id} (id=${selectedInfo.getInformationId()})}" sec:authorize="isAuthenticated()" >
<button><strong>Edit</strong></button></a>
</aside>
</section>
......
......@@ -72,7 +72,7 @@
<!-- Profile -->
<div id="account-options">
<div sec:authorize="isAnonymous()">
<img src="/assets/navbarImages/profile.png" class="navIcons anonymous">
<img src="/assets/navbarImages/profile.png" class="navIcons anonymous proficon">
<span class="navText">Sign in</span>
<div class="dropdown-content">
<a class="dropdown-nav-link" th:href="@{/login}">Login</a>
......@@ -80,7 +80,7 @@
</div>
</div>
<div sec:authorize="isAuthenticated()">
<img src="/assets/navbarImages/profile.png" class="navIcons authenticated">
<img src="/assets/navbarImages/profile.png" class="navIcons authenticated proficon">
<span class="navText"data-translate-key="navbar.profile">Profile</span>
<div class="dropdown-content">
<a class="navLink" th:href="@{/profile}">View profile</a>
......@@ -124,10 +124,6 @@
<a href="#" class="social-icon"><img src="/assets/navbarImages/instagram.png" alt="Instagram"></a>
</div>
</div>
<div class="footer-section copyright">
<p class="footerCompanyName">&copy; LUDEK PCG ltd. <span data-translate-key="footer.all_rights_reserved" >All rights reserved.</span></p>
</div>
</footer>
<script src="/js/layout/layout.js" defer></script>
<script th:replace="~{comments/commentFragment::commentScript}"></script>
......
......@@ -9,10 +9,10 @@
<script src="/js/register/register.js" defer></script>
</head>
<body>
<section layout:fragment="content">
<h1>Create an Account</h1>
<div class="registerContainer" layout:fragment="content">
<div class="registerContainer" >
<!-- The form is bound to the 'user' object -->
<form th:action="@{/register}" th:method="post" th:object="${user}" class="registerForm">
......@@ -50,12 +50,12 @@
<input type="date" id="dob" name="dob" required>
</div>
<div class="registerField">
<label for="roleId">Role</label>
<select name="roleId">
<option th:each="role : ${roles}" th:value="${role.id}" th:text="${role.name}"></option>
</select>
</div>
<!-- <div class="registerField">-->
<!-- <label for="roleId" >Role</label>-->
<!-- <select name="roleId">-->
<!-- <option th:each="role : ${roles}" th:value="${role.id}" th:text="${role.name}"></option>-->
<!-- </select> -->
<!-- </div>-->
<div class="termsField">
<input type="checkbox" id="agreeTerms" required>
......@@ -75,5 +75,5 @@
</form>
</div>
</body>
</section>
</html>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment