feat(14): enabling tailwindcss

the command to generate "tailwindcss -i ./src/input.css -o ./src/main/resources/public/output.css --watch" and this should be same during dev and in install script, but. we'll be committing the output.css, let's try that
2023-06-30 17:03:21 +00:00
parent 83c75ad3a9
commit 1c8bc38f29
4 changed files with 561 additions and 2 deletions
--- a/14-rock-paper-scissors/src/main/resources/templates/index.html
+++ b/14-rock-paper-scissors/src/main/resources/templates/index.html
@@ -6,6 +6,11 @@
    <title>Initial flie</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link
+      href="../public/output.css"
+      th:href="'public/output.css'"
+      rel="stylesheet"
+    />
    <link
      rel="icon"
      type="image/png"
@@ -17,7 +22,7 @@
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <!-- Place favicon.ico in the root directory -->
  </head>
-  <body>
+  <body class="bg-red-500">
    <!--[if lt IE 8]>
      <p class="browserupgrade">
        You are using an <strong>outdated</strong> browser. Please
@@ -26,7 +31,7 @@
      </p>
    <![endif]-->
    <main>
-      <h1>Hello!</h1>
+      <h1 th:class="'text-2xl text-green-700'">Hello!</h1>
      <p th:text="${myVar}">with static text</p>
    </main>
  </body>