diff --git a/modules/cybercore-ui/src/main/java/br/com/cybercore/signer/ui/view/MainAppView.java b/modules/cybercore-ui/src/main/java/br/com/cybercore/signer/ui/view/MainAppView.java index ba424c2..7c22780 100644 --- a/modules/cybercore-ui/src/main/java/br/com/cybercore/signer/ui/view/MainAppView.java +++ b/modules/cybercore-ui/src/main/java/br/com/cybercore/signer/ui/view/MainAppView.java @@ -81,9 +81,19 @@ public final class MainAppView { ColumnConstraints col = new ColumnConstraints(); col.setHgrow(Priority.ALWAYS); col.setPercentWidth(33.33); + col.setFillWidth(true); actionGrid.getColumnConstraints().add(col); } + for (int i = 0; i < 2; i++) { + javafx.scene.layout.RowConstraints row = new javafx.scene.layout.RowConstraints(); + row.setVgrow(Priority.NEVER); + row.setMinHeight(68); + row.setPrefHeight(Region.USE_COMPUTED_SIZE); + row.setFillHeight(true); + actionGrid.getRowConstraints().add(row); + } + // Linha 0: Operações de Assinatura actionGrid.add(createActionButton(Icons.pdf(Icons.SIZE_40), "Assinar\nPDF", () -> trigger(onSignPdf)), 0, 0); actionGrid.add(createActionButton(Icons.xml(Icons.SIZE_40), "Assinar\nXML", () -> trigger(onSignXml)), 1, 0); @@ -211,8 +221,8 @@ public final class MainAppView { Button btn = new Button(); btn.getStyleClass().add("cyber-action-card"); btn.setMaxWidth(Double.MAX_VALUE); - btn.setPrefHeight(72); - btn.setMinHeight(68); + btn.setPrefHeight(68); + btn.setMinHeight(Region.USE_PREF_SIZE); HBox content = new HBox(12); content.setAlignment(Pos.CENTER_LEFT); @@ -245,7 +255,7 @@ public final class MainAppView { Button btn = new Button(); btn.getStyleClass().add("cyber-side-card"); btn.setPrefHeight(42); - btn.setMinHeight(42); + btn.setMinHeight(40); btn.setMaxWidth(Double.MAX_VALUE); HBox content = new HBox(12); diff --git a/modules/cybercore-ui/src/main/resources/styles/theme.css b/modules/cybercore-ui/src/main/resources/styles/theme.css index bd9d078..3786be0 100644 --- a/modules/cybercore-ui/src/main/resources/styles/theme.css +++ b/modules/cybercore-ui/src/main/resources/styles/theme.css @@ -145,6 +145,7 @@ 3. HUB DE AÇÕES E PAINEL LATERAL ========================================================================== */ +.button.cyber-action-card, .cyber-action-card { -fx-background-color: -fx-color-surface; -fx-border-color: -fx-color-border; @@ -160,16 +161,24 @@ -fx-effect: dropshadow(three-pass-box, -fx-color-shadow, 6, 0, 0, 2); } +.button.cyber-action-card:hover, .cyber-action-card:hover { -fx-background-color: -fx-color-surface-hover; -fx-border-color: -fx-color-primary; -fx-effect: dropshadow(three-pass-box, -fx-color-shadow-hover, 10, 0, 0, 4); } +.button.cyber-action-card:pressed, .cyber-action-card:pressed { -fx-background-color: -fx-color-surface-active; } +.button.cyber-action-card:focused, +.cyber-action-card:focused { + -fx-border-color: -fx-color-focus; + -fx-border-width: 1.5px; +} + .cyber-action-text { -fx-font-size: 13px; -fx-font-weight: bold; @@ -187,6 +196,7 @@ -fx-effect: dropshadow(three-pass-box, -fx-color-shadow, 4, 0, 0, 1); } +.button.cyber-side-card, .cyber-side-card { -fx-background-color: transparent; -fx-border-color: transparent; @@ -196,18 +206,29 @@ -fx-padding: 6px 10px; -fx-alignment: CENTER_LEFT; -fx-cursor: hand; + -fx-pref-height: 40px; + -fx-min-height: 40px; -fx-max-width: Infinity; } +.button.cyber-side-card:hover, .cyber-side-card:hover { -fx-background-color: -fx-color-surface-hover; -fx-border-color: -fx-color-border-subtle; } +.button.cyber-side-card:pressed, .cyber-side-card:pressed { -fx-background-color: -fx-color-surface-active; } +.button.cyber-side-card:focused, +.cyber-side-card:focused { + -fx-background-color: -fx-color-surface-hover; + -fx-border-color: -fx-color-focus; + -fx-border-width: 1.5px; +} + .cyber-side-text { -fx-font-size: 13px; -fx-text-fill: -fx-color-text; @@ -522,7 +543,7 @@ -fx-background-color: transparent; -fx-border-color: transparent; -fx-border-width: 1px; - -fx-text-fill: -fx-color-text; + -fx-text-fill: -fx-color-text-muted; -fx-font-weight: 500; } @@ -542,7 +563,8 @@ .btn-ghost:focused, .btn-toolbar:focused, .btn-cancel:focused { - -fx-border-color: -fx-color-focus; + -fx-background-color: -fx-color-surface-hover; + -fx-border-color: -fx-color-border-subtle; -fx-border-width: 1.5px; }