Center login logo
This commit is contained in:
@@ -8,76 +8,78 @@
|
||||
<?import javafx.scene.effect.DropShadow?>
|
||||
<?import javafx.scene.layout.StackPane?>
|
||||
<?import javafx.scene.layout.VBox?>
|
||||
<?import javafx.scene.paint.Color?>
|
||||
<?import javafx.scene.text.Font?>
|
||||
|
||||
<VBox alignment="CENTER" prefHeight="420.0" prefWidth="380.0" spacing="16.0"
|
||||
style="-fx-background-color: #2C3E50;"
|
||||
xmlns="http://javafx.com/javafx/17"
|
||||
xmlns:fx="http://javafx.com/fxml/1"
|
||||
fx:controller="org.example.petshopdesktop.controllers.LoginController">
|
||||
<padding>
|
||||
<Insets bottom="40.0" left="50.0" right="50.0" top="40.0" />
|
||||
</padding>
|
||||
<StackPane style="-fx-background-color: #2C3E50;"
|
||||
xmlns="http://javafx.com/javafx/17"
|
||||
xmlns:fx="http://javafx.com/fxml/1"
|
||||
fx:controller="org.example.petshopdesktop.controllers.LoginController">
|
||||
<children>
|
||||
<StackPane fx:id="logoContainer" maxHeight="190.0" maxWidth="190.0" minHeight="190.0" minWidth="190.0" prefHeight="190.0" prefWidth="190.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="35.0" />
|
||||
</VBox.margin>
|
||||
</StackPane>
|
||||
|
||||
<Label text="Username" textFill="#cccccc">
|
||||
<font>
|
||||
<Font name="System Bold" size="13.0" />
|
||||
</font>
|
||||
</Label>
|
||||
<TextField fx:id="txtUsername" 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;">
|
||||
<VBox alignment="CENTER" fillWidth="true" maxWidth="380.0" prefWidth="380.0" spacing="16.0">
|
||||
<padding>
|
||||
<Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
|
||||
<Insets bottom="40.0" left="50.0" right="50.0" top="40.0" />
|
||||
</padding>
|
||||
<font>
|
||||
<Font size="14.0" />
|
||||
</font>
|
||||
</TextField>
|
||||
<children>
|
||||
<StackPane fx:id="logoContainer" maxHeight="190.0" maxWidth="190.0" minHeight="190.0" minWidth="190.0" prefHeight="190.0" prefWidth="190.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="35.0" />
|
||||
</VBox.margin>
|
||||
</StackPane>
|
||||
|
||||
<Label text="Password" textFill="#cccccc">
|
||||
<font>
|
||||
<Font name="System Bold" size="13.0" />
|
||||
</font>
|
||||
</Label>
|
||||
<PasswordField fx:id="txtPassword" 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" />
|
||||
</padding>
|
||||
<font>
|
||||
<Font size="14.0" />
|
||||
</font>
|
||||
</PasswordField>
|
||||
<Label text="Username" textFill="#cccccc">
|
||||
<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;">
|
||||
<padding>
|
||||
<Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
|
||||
</padding>
|
||||
<font>
|
||||
<Font size="14.0" />
|
||||
</font>
|
||||
</TextField>
|
||||
|
||||
<Label fx:id="lblError" text="" textFill="#FF6B6B" wrapText="true">
|
||||
<font>
|
||||
<Font size="13.0" />
|
||||
</font>
|
||||
</Label>
|
||||
<Label text="Password" textFill="#cccccc">
|
||||
<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" />
|
||||
</padding>
|
||||
<font>
|
||||
<Font size="14.0" />
|
||||
</font>
|
||||
</PasswordField>
|
||||
|
||||
<Button fx:id="btnLogin" mnemonicParsing="false" onAction="#btnLoginClicked"
|
||||
prefWidth="280.0"
|
||||
style="-fx-background-color: #FF6B6B; -fx-background-radius: 8; -fx-cursor: hand;"
|
||||
text="Login" textFill="WHITE">
|
||||
<font>
|
||||
<Font name="System Bold" size="15.0" />
|
||||
</font>
|
||||
<padding>
|
||||
<Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />
|
||||
</padding>
|
||||
<VBox.margin>
|
||||
<Insets top="8.0" />
|
||||
</VBox.margin>
|
||||
</Button>
|
||||
<Label fx:id="lblError" maxWidth="280.0" text="" textFill="#FF6B6B" 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;"
|
||||
text="Login" textFill="WHITE">
|
||||
<font>
|
||||
<Font name="System Bold" size="15.0" />
|
||||
</font>
|
||||
<padding>
|
||||
<Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />
|
||||
</padding>
|
||||
<VBox.margin>
|
||||
<Insets top="8.0" />
|
||||
</VBox.margin>
|
||||
</Button>
|
||||
</children>
|
||||
</VBox>
|
||||
</children>
|
||||
</VBox>
|
||||
</StackPane>
|
||||
|
||||
Reference in New Issue
Block a user