Merge pull request #130 from Jayne1010/NoteWindowUI

Update UI for note window
AY2324S2-CS2103T-F14-2 · Mar 28, 2024 · 0d44191 · 0d44191
2 parents 39cf4ea + c2f97bf
commit 0d44191
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/src/main/resources/view/NoteDisplay.css b/src/main/resources/view/NoteDisplay.css
@@ -0,0 +1,9 @@
+.label-notes {
+    -fx-font-weight: bold;
+    -fx-font-size: 15pt;
+}
+
+.text-area-notes {
+    -fx-font-family: 'Consolas';
+    -fx-font-size: 12pt;
+}
diff --git a/src/main/resources/view/NoteDisplay.fxml b/src/main/resources/view/NoteDisplay.fxml
@@ -1,9 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-
+<?import javafx.scene.control.Label?>
 <?import javafx.scene.control.TextArea?>
 <?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
 
 <StackPane fx:id="placeHolder" styleClass="pane-with-border" xmlns="http://javafx.com/javafx/17"
-           xmlns:fx="http://javafx.com/fxml/1">
-<TextArea fx:id="noteDisplay" editable="false"/>
+           xmlns:fx="http://javafx.com/fxml/1"
+           stylesheets="@NoteDisplay.css">
+    <VBox spacing="3" style="-fx-padding: 10 30 50 20;">
+        <!-- Using Label for "Notes" with a background color -->
+        <Label text="Notes:" styleClass="label-notes"/>
+        <TextArea fx:id="noteDisplay" editable="false" styleClass="text-area-notes"/>
+    </VBox>
 </StackPane>