Style: Lobby UI input field #270

Merged
j.kropff merged 3 commits from feat/lobby-ui-input-field-style into main 2026-04-12 09:18:44 +02:00
Showing only changes of commit 0227145cab - Show all commits
@@ -12,9 +12,9 @@
<GridPane prefWidth="1200" prefHeight="800" AnchorPane.topAnchor="0" AnchorPane.bottomAnchor="0" AnchorPane.leftAnchor="0" AnchorPane.rightAnchor="0"> <GridPane prefWidth="1200" prefHeight="800" AnchorPane.topAnchor="0" AnchorPane.bottomAnchor="0" AnchorPane.leftAnchor="0" AnchorPane.rightAnchor="0">
<columnConstraints> <columnConstraints>
<!-- Tisch bekommt 75% vom Fenster --> <!-- The table takes up 70% of the window -->
<ColumnConstraints percentWidth="70.0" hgrow="ALWAYS" /> <ColumnConstraints percentWidth="70.0" hgrow="ALWAYS" />
<!-- Info-Box bekommt 25% vom Fenster inkl. 5 prozent buffer --> <!-- The info box takes up 25% of the window, including a 5% buffer -->
<ColumnConstraints percentWidth="5.0" hgrow="ALWAYS" /> <ColumnConstraints percentWidth="5.0" hgrow="ALWAYS" />
<ColumnConstraints percentWidth="25.0" hgrow="ALWAYS" /> <ColumnConstraints percentWidth="25.0" hgrow="ALWAYS" />
</columnConstraints> </columnConstraints>
@@ -24,7 +24,7 @@
</rowConstraints> </rowConstraints>
<children> <children>
<!-- LINKER BEREICH (Tisch) --> <!-- LEFT SIDE (Table) -->
<GridPane GridPane.columnIndex="0" style="-fx-background-color: transparent;" alignment="CENTER"> <GridPane GridPane.columnIndex="0" style="-fx-background-color: transparent;" alignment="CENTER">
<rowConstraints> <rowConstraints>
<RowConstraints percentHeight="25.0" vgrow="ALWAYS" /> <RowConstraints percentHeight="25.0" vgrow="ALWAYS" />
@@ -68,7 +68,7 @@
<Insets top="20" left="20" /> <Insets top="20" left="20" />
</GridPane.margin> </GridPane.margin>
</Button> </Button>
<Button text="Lobby erstellen" <Button text="CREATE A LOBBY"
styleClass="button-create-lobby" styleClass="button-create-lobby"
fx:id="createLobbyButton" fx:id="createLobbyButton"
onAction="#handleCreateLobbyButton" onAction="#handleCreateLobbyButton"
@@ -88,7 +88,7 @@
GridPane.halignment="LEFT" GridPane.halignment="LEFT"
GridPane.valignment="TOP"> GridPane.valignment="TOP">
<GridPane.margin> <GridPane.margin>
<!-- place below the 'Lobby erstellen' button --> <!-- place below the 'CREATE A LOBBY' button -->
<Insets top="100" left="20" /> <Insets top="100" left="20" />
</GridPane.margin> </GridPane.margin>
<TextField fx:id="usernameField" <TextField fx:id="usernameField"
@@ -122,10 +122,10 @@
alignment="CENTER" alignment="CENTER"
minWidth="100" minWidth="100"
minHeight="100"> minHeight="100">
<!-- Bleibt leer --> <!-- Remains empty -->
</VBox> </VBox>
<!-- RECHTER BEREICH (Info-Box) --> <!-- RIGHT SIDE (Chat Box) -->
<fx:include source="components/chatui/chatbox.fxml" GridPane.columnIndex="2"/> <fx:include source="components/chatui/chatbox.fxml" GridPane.columnIndex="2"/>
</children> </children>
</GridPane> </GridPane>