NapoleonDynamite/munera-vaadin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: changed logout padding

Browse source
This commit is contained in:
effe 2024-09-07 00:37:02 -04:00
parent 1133dec3f6
commit 320f029f47
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/main/java/com/application/munera/views/MainLayout.java
View file

@ -51,11 +51,11 @@ public class MainLayout extends AppLayout {
// Create the user icon
final var userIcon = LineAwesomeIcon.USER.create();
userIcon.addClassNames(LumoUtility.FontSize.LARGE);
userIcon.addClassNames(LumoUtility.FontSize.LARGE); // Make the icon size larger
// Create a Span to display "Hi, username"
Span greeting = new Span("Hi, " + username);
greeting.addClassNames(LumoUtility.FontSize.LARGE, LumoUtility.FontWeight.BOLD);
greeting.addClassNames(LumoUtility.FontSize.LARGE, LumoUtility.FontWeight.BOLD); // Make text larger and bold
// Combine the user icon and greeting in a horizontal layout
HorizontalLayout userInfoLayout = new HorizontalLayout(userIcon, greeting);
@ -63,12 +63,14 @@ public class MainLayout extends AppLayout {
// Create the logout button
Button logout = new Button("Logout", click -> this.authContext.logout());
logout.getStyle().set("padding", "10px"); // add padding to the logout button
// Creating the header and adding the greeting and logout button
// Create the header layout and add all elements
HorizontalLayout header = new HorizontalLayout(userInfoLayout, logout);
header.setWidthFull(); // Make the header take the full width
header.setDefaultVerticalComponentAlignment(FlexComponent.Alignment.CENTER);
header.setJustifyContentMode(FlexComponent.JustifyContentMode.END); // Align items to the right
header.getStyle().set("padding", "0 10px"); // Add padding around the header
addToNavbar(true, toggle, viewTitle);
addToNavbar(header);