Revert login layout
This commit is contained in:
@@ -7,84 +7,76 @@
|
|||||||
<?import javafx.scene.control.TextField?>
|
<?import javafx.scene.control.TextField?>
|
||||||
<?import javafx.scene.image.Image?>
|
<?import javafx.scene.image.Image?>
|
||||||
<?import javafx.scene.image.ImageView?>
|
<?import javafx.scene.image.ImageView?>
|
||||||
<?import javafx.scene.layout.StackPane?>
|
|
||||||
<?import javafx.scene.layout.VBox?>
|
<?import javafx.scene.layout.VBox?>
|
||||||
<?import javafx.scene.text.Font?>
|
<?import javafx.scene.text.Font?>
|
||||||
|
|
||||||
<StackPane style="-fx-background-color: #2C3E50;"
|
<VBox alignment="CENTER" prefHeight="420.0" prefWidth="380.0" spacing="16.0"
|
||||||
|
style="-fx-background-color: #2C3E50;"
|
||||||
xmlns="http://javafx.com/javafx/17"
|
xmlns="http://javafx.com/javafx/17"
|
||||||
xmlns:fx="http://javafx.com/fxml/1"
|
xmlns:fx="http://javafx.com/fxml/1"
|
||||||
fx:controller="org.example.petshopdesktop.controllers.LoginController">
|
fx:controller="org.example.petshopdesktop.controllers.LoginController">
|
||||||
<children>
|
|
||||||
<VBox alignment="CENTER" fillWidth="true" maxWidth="380.0" prefWidth="380.0" spacing="18.0"
|
|
||||||
style="-fx-background-color: rgba(21, 36, 52, 0.52); -fx-background-radius: 24; -fx-effect: dropshadow(gaussian, rgba(15,23,42,0.24), 28, 0.18, 0, 10);">
|
|
||||||
<padding>
|
<padding>
|
||||||
<Insets bottom="42.0" left="34.0" right="34.0" top="36.0" />
|
<Insets bottom="40.0" left="50.0" right="50.0" top="40.0" />
|
||||||
</padding>
|
</padding>
|
||||||
<children>
|
<children>
|
||||||
<ImageView fitHeight="190.0" fitWidth="190.0" preserveRatio="true" smooth="true">
|
<ImageView fitHeight="190.0" fitWidth="190.0" preserveRatio="true" smooth="true" style="-fx-effect: dropshadow(gaussian, rgba(15,23,42,0.22), 18, 0.16, 0, 6);">
|
||||||
<image>
|
<image>
|
||||||
<Image url="@images/leons-pet-store-badge-text.png" />
|
<Image url="@images/leons-pet-store-badge-text.png" />
|
||||||
</image>
|
</image>
|
||||||
<VBox.margin>
|
<VBox.margin>
|
||||||
<Insets bottom="10.0" />
|
<Insets bottom="35.0" />
|
||||||
</VBox.margin>
|
</VBox.margin>
|
||||||
</ImageView>
|
</ImageView>
|
||||||
|
|
||||||
<Label alignment="CENTER_LEFT" maxWidth="Infinity" text="Username" textFill="#d8dee9">
|
<Label text="Username" textFill="#cccccc">
|
||||||
<font>
|
<font>
|
||||||
<Font name="System Bold" size="13.0" />
|
<Font name="System Bold" size="13.0" />
|
||||||
</font>
|
</font>
|
||||||
</Label>
|
</Label>
|
||||||
<TextField fx:id="txtUsername" maxWidth="Infinity" prefWidth="312.0" promptText="Enter username"
|
<TextField fx:id="txtUsername" promptText="Enter username"
|
||||||
style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #8ea2b8; -fx-background-radius: 10; -fx-border-width: 0;">
|
style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #888; -fx-background-radius: 8; -fx-border-width: 0;">
|
||||||
<padding>
|
<padding>
|
||||||
<Insets bottom="12.0" left="14.0" right="14.0" top="12.0" />
|
<Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
|
||||||
</padding>
|
</padding>
|
||||||
<font>
|
<font>
|
||||||
<Font size="14.0" />
|
<Font size="14.0" />
|
||||||
</font>
|
</font>
|
||||||
</TextField>
|
</TextField>
|
||||||
|
|
||||||
<Label alignment="CENTER_LEFT" maxWidth="Infinity" text="Password" textFill="#d8dee9">
|
<Label text="Password" textFill="#cccccc">
|
||||||
<font>
|
<font>
|
||||||
<Font name="System Bold" size="13.0" />
|
<Font name="System Bold" size="13.0" />
|
||||||
</font>
|
</font>
|
||||||
</Label>
|
</Label>
|
||||||
<PasswordField fx:id="txtPassword" maxWidth="Infinity" prefWidth="312.0" promptText="Enter password"
|
<PasswordField fx:id="txtPassword" promptText="Enter password"
|
||||||
style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #8ea2b8; -fx-background-radius: 10; -fx-border-width: 0;">
|
style="-fx-background-color: #3d5166; -fx-text-fill: white; -fx-prompt-text-fill: #888; -fx-background-radius: 8; -fx-border-width: 0;">
|
||||||
<padding>
|
<padding>
|
||||||
<Insets bottom="12.0" left="14.0" right="14.0" top="12.0" />
|
<Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
|
||||||
</padding>
|
</padding>
|
||||||
<font>
|
<font>
|
||||||
<Font size="14.0" />
|
<Font size="14.0" />
|
||||||
</font>
|
</font>
|
||||||
</PasswordField>
|
</PasswordField>
|
||||||
|
|
||||||
<Label fx:id="lblError" maxWidth="Infinity" text="" textFill="#FF8A8A" wrapText="true">
|
<Label fx:id="lblError" text="" textFill="#FF6B6B" wrapText="true">
|
||||||
<font>
|
<font>
|
||||||
<Font size="13.0" />
|
<Font size="13.0" />
|
||||||
</font>
|
</font>
|
||||||
</Label>
|
</Label>
|
||||||
|
|
||||||
<Button fx:id="btnLogin" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnLoginClicked"
|
<Button fx:id="btnLogin" mnemonicParsing="false" onAction="#btnLoginClicked"
|
||||||
prefWidth="312.0"
|
prefWidth="280.0"
|
||||||
style="-fx-background-color: #FF6B6B; -fx-background-radius: 10; -fx-cursor: hand;"
|
style="-fx-background-color: #FF6B6B; -fx-background-radius: 8; -fx-cursor: hand;"
|
||||||
text="Login" textFill="WHITE">
|
text="Login" textFill="WHITE">
|
||||||
<font>
|
<font>
|
||||||
<Font name="System Bold" size="15.0" />
|
<Font name="System Bold" size="15.0" />
|
||||||
</font>
|
</font>
|
||||||
<padding>
|
<padding>
|
||||||
<Insets bottom="13.0" left="12.0" right="12.0" top="13.0" />
|
<Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />
|
||||||
</padding>
|
</padding>
|
||||||
<VBox.margin>
|
<VBox.margin>
|
||||||
<Insets top="10.0" />
|
<Insets top="8.0" />
|
||||||
</VBox.margin>
|
</VBox.margin>
|
||||||
</Button>
|
</Button>
|
||||||
</children>
|
</children>
|
||||||
</VBox>
|
</VBox>
|
||||||
</children>
|
|
||||||
<padding>
|
|
||||||
<Insets bottom="24.0" left="24.0" right="24.0" top="24.0" />
|
|
||||||
</padding>
|
|
||||||
</StackPane>
|
|
||||||
|
|||||||
Reference in New Issue
Block a user