Add styles to Thymeleaf application

lulunac27a · Jul 6, 2024 · fb7297a · fb7297a
1 parent 8d391af
commit fb7297a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/datetime-thymeleaf/src/main/resources/templates/index.css b/datetime-thymeleaf/src/main/resources/templates/index.css
@@ -0,0 +1,6 @@
+* {
+  font-family: system-ui; /*use system based font*/
+}
+#output {
+  font-weight: bold; /*bold the date and time output values*/
+}
diff --git a/datetime-thymeleaf/src/main/resources/templates/index.html b/datetime-thymeleaf/src/main/resources/templates/index.html
@@ -1,6 +1,7 @@
 <!doctype html>
 <head>
   <title>Print Date and Time in All Supported Formats using Thymeleaf</title>
+  <link rel="stylesheet" href="index.css" />
 </head>
 <body>
   <h1>Print Date and Time in All Supported Formats using Thymeleaf</h1>

diff --git a/datetime-thymeleaf/src/main/resources/templates/result.html b/datetime-thymeleaf/src/main/resources/templates/result.html
@@ -1,6 +1,7 @@
 <!doctype html>
 <head>
   <title>Entered Date and Time Output</title>
+  <link rel="stylesheet" href="index.css" />
 </head>
 <body>
   <h1>Output:</h1>