RecentRunner/group-2-threaded-project-petshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rework login screen

Browse Source
This commit is contained in:
Harkamal Randhawa
2026-03-11 13:31:28 -06:00
parent 6bc187a055
commit ce0e96523c
2 changed files with 25 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/java/org/example/petshopdesktop/controllers/LoginController.java
View File

@@ -36,7 +36,7 @@ public class LoginController {
@FXML
public void initialize() {
lblError.setText("");
logoContainer.getChildren().setAll(SvgNodeLoader.loadSquare("/org/example/petshopdesktop/images/leons-pet-store-badge-text.svg", 190));
logoContainer.getChildren().setAll(SvgNodeLoader.loadSquare("/org/example/petshopdesktop/images/leons-pet-store-badge-text.svg", 132));
}
@FXML

41
src/main/resources/org/example/petshopdesktop/login-view.fxml
View File

@@ -15,59 +15,63 @@
xmlns:fx="http://javafx.com/fxml/1"
fx:controller="org.example.petshopdesktop.controllers.LoginController">
<children>
<VBox alignment="CENTER" fillWidth="true" maxWidth="380.0" prefWidth="380.0" spacing="16.0">
<VBox alignment="TOP_CENTER" fillWidth="true" maxWidth="360.0" prefWidth="360.0" spacing="14.0"
style="-fx-background-color: rgba(33, 52, 71, 0.72); -fx-background-radius: 24; -fx-border-color: rgba(255,255,255,0.06); -fx-border-radius: 24;">
<padding>
<Insets bottom="40.0" left="50.0" right="50.0" top="40.0" />
<Insets bottom="34.0" left="34.0" right="34.0" top="34.0" />
</padding>
<children>
<StackPane fx:id="logoContainer" maxHeight="190.0" maxWidth="190.0" minHeight="190.0" minWidth="190.0" prefHeight="190.0" prefWidth="190.0">
<StackPane fx:id="logoContainer" maxHeight="132.0" maxWidth="132.0" minHeight="132.0" minWidth="132.0" prefHeight="132.0" prefWidth="132.0">
<effect>
<DropShadow blurType="GAUSSIAN" color="0x0f172838" height="18.0" offsetY="6.0" radius="9.0" spread="0.16" width="18.0" />
</effect>
<VBox.margin>
<Insets bottom="28.0" left="8.0" />
<Insets bottom="10.0" />
</VBox.margin>
</StackPane>
<Label text="Username" textFill="#cccccc">
<Label maxWidth="Infinity" text="Username" textFill="#d7dee6">
<font>
<Font name="System Bold" size="13.0" />
</font>
</Label>
<TextField fx:id="txtUsername" maxWidth="280.0" prefWidth="280.0" promptText="Enter username"
style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #888; -fx-background-radius: 8; -fx-border-width: 0;">
<TextField fx:id="txtUsername" maxWidth="Infinity" prefWidth="292.0" promptText="Enter username"
style="-fx-background-color: #40556c; -fx-text-fill: white; -fx-prompt-text-fill: #91a4b7; -fx-background-radius: 10; -fx-border-width: 0;">
<padding>
<Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
<Insets bottom="11.0" left="14.0" right="14.0" top="11.0" />
</padding>
<font>
<Font size="14.0" />
</font>
</TextField>
<Label text="Password" textFill="#cccccc">
<Label maxWidth="Infinity" text="Password" textFill="#d7dee6">
<font>
<Font name="System Bold" size="13.0" />
</font>
</Label>
<PasswordField fx:id="txtPassword" maxWidth="280.0" prefWidth="280.0" promptText="Enter password"
style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #888; -fx-background-radius: 8; -fx-border-width: 0;">
<padding>
<Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
<Insets top="2.0" />
</padding>
</Label>
<PasswordField fx:id="txtPassword" maxWidth="Infinity" prefWidth="292.0" promptText="Enter password"
style="-fx-background-color: #40556c; -fx-text-fill: white; -fx-prompt-text-fill: #91a4b7; -fx-background-radius: 10; -fx-border-width: 0;">
<padding>
<Insets bottom="11.0" left="14.0" right="14.0" top="11.0" />
</padding>
<font>
<Font size="14.0" />
</font>
</PasswordField>
<Label fx:id="lblError" maxWidth="280.0" text="" textFill="#FF6B6B" wrapText="true">
<Label fx:id="lblError" maxWidth="Infinity" text="" textFill="#ff8a8a" wrapText="true">
<font>
<Font size="13.0" />
</font>
</Label>
<Button fx:id="btnLogin" maxWidth="280.0" mnemonicParsing="false" onAction="#btnLoginClicked"
prefWidth="280.0"
style="-fx-background-color: #FF6B6B; -fx-background-radius: 8; -fx-cursor: hand;"
<Button fx:id="btnLogin" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnLoginClicked"
prefWidth="292.0"
style="-fx-background-color: #FF6B6B; -fx-background-radius: 10; -fx-cursor: hand;"
text="Login" textFill="WHITE">
<font>
<Font name="System Bold" size="15.0" />
@@ -82,4 +86,7 @@
</children>
</VBox>
</children>
<padding>
<Insets bottom="24.0" left="24.0" right="24.0" top="24.0" />
</padding>
</StackPane>