Added svgButtons to the left navigation

This commit is contained in:
2022-01-20 15:08:58 +01:00
parent 9345dbc868
commit 14910083f4
4 changed files with 54 additions and 19 deletions

View File

@@ -63,13 +63,16 @@ Label{
}
.main-btn{
-fx-background-color: #ffffff;
-fx-text-fill: -fx-main-text-color;
-fx-background-radius: 5em;
-fx-min-width: 40px;
-fx-min-height: 40px;
-fx-max-width: 40px;
-fx-max-height: 40px;
-fx-background-color: transparent;
-fx-border-color: transparent;
}
.main-btn .svg {
-fx-fill: -fill;
}
.main-btn:hover .svg {
-fx-fill: -hover-fill;
}
.navBtn{

View File

@@ -15,20 +15,11 @@
<rowConstraints>
<RowConstraints vgrow="SOMETIMES"/>
</rowConstraints>
<VBox alignment="TOP_CENTER" prefHeight="200.0" prefWidth="100.0" spacing="5.0"
<VBox fx:id="leftNav" alignment="TOP_CENTER" prefHeight="200.0" prefWidth="100.0" spacing="5.0"
style="-fx-background-color: #525E74;">
<ImageView fitHeight="50.0" fitWidth="50.0" pickOnBounds="true" preserveRatio="true">
</ImageView>
<JFXButton onAction="#onAddBtnClick" styleClass="main-btn">
ADD
</JFXButton>
<JFXButton onAction="#onAddBtnClick" styleClass="main-btn">
ADD
</JFXButton>
<JFXButton onAction="#onAddBtnClick" styleClass="main-btn">
ADD
</JFXButton>
</VBox>
<GridPane prefHeight="200.0" prefWidth="222.0" GridPane.columnIndex="1" GridPane.rowIndex="0">
<columnConstraints>