Feat: Transaction view css

Team-40-IDATT2003 · May 19, 2026 · 0628441 · 0628441
1 parent fa0ba77
commit 0628441
Showing 1 changed file with 83 additions and 0 deletions.
diff --git a/src/main/resources/styles.css b/src/main/resources/styles.css
@@ -587,4 +587,87 @@
     -fx-font-style: italic;
     -fx-text-fill: #555555;
     -fx-padding: 20;
+}
+
+/* ---------------- TRANSACTIONS VIEW ---------------- */
+.transactions-root {
+    -fx-spacing: 20;
+    -fx-padding: 15;
+    -fx-alignment: TOP_CENTER;
+}
+
+.transactions-root .label {
+    -fx-text-fill: black;
+}
+
+.transactions-searchBar {
+    -fx-spacing: 10;
+    -fx-alignment: CENTER_LEFT;
+    -fx-border-color: #000000;
+    -fx-border-width: 1.5;
+    -fx-background-color: #E0E0E0;
+    -fx-padding: 10;
+}
+
+.transactions-searchLabel {
+    -fx-font-size: 14;
+}
+
+.transactions-searchField {
+    -fx-background-color: white;
+    -fx-border-color: #CCCCCC;
+}
+
+.transactions-weekField {
+    -fx-pref-width: 75px;
+    -fx-min-width: 75px;
+    -fx-background-color: white;
+    -fx-border-color: #000000;
+    -fx-border-width: 1.5px;
+    -fx-alignment: CENTER;
+}
+
+.transactions-weekField .list-cell {
+    -fx-text-fill: black;
+    -fx-font-weight: bold;
+    -fx-alignment: center;
+}
+
+.transactions-transactionCard {
+    -fx-spacing: 15;
+    -fx-padding: 25;
+    -fx-alignment: TOP_CENTER;
+    -fx-pref-width: 260;
+    -fx-pref-height: 320;
+    -fx-background-color: #D6D6D6;
+    -fx-background-radius: 35;
+    -fx-border-color: #000000;
+    -fx-border-radius: 35;
+    -fx-border-width: 1.5;
+}
+
+.transactions-typeLabel {
+    -fx-font-size: 28;
+    -fx-font-weight: bold;
+}
+
+.transactions-infoBox {
+    -fx-spacing: 8;
+    -fx-alignment: CENTER;
+}
+
+.transactions-cardText {
+    -fx-font-size: 14;
+}
+
+.transactions-cardsContainer {
+    -fx-spacing: 25;
+    -fx-alignment: CENTER_LEFT;
+    -fx-padding: 10;
+}
+
+.transactions-scrollPane {
+    -fx-fit-to-height: true;
+    -fx-background: transparent;
+    -fx-background-color: transparent;
 }