Configure tailwind properly

nickel · Mar 25, 2024 · d1c4346 · d1c4346
1 parent feaa89a
commit d1c4346
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 7 deletions.
diff --git a/Gemfile b/Gemfile
@@ -23,6 +23,7 @@ end
 group :development do
   gem "brakeman"
   gem "bundler-audit"
+  gem "foreman"
   gem "rubocop"
   gem "spring"
   gem "web-console"

diff --git a/Gemfile.lock b/Gemfile.lock
@@ -115,6 +115,7 @@ GEM
       reline (>= 0.3.8)
     drb (2.2.1)
     erubi (1.12.0)
+    foreman (0.87.2)
     globalid (1.2.1)
       activesupport (>= 6.1)
     i18n (1.14.4)
@@ -298,6 +299,7 @@ DEPENDENCIES
   bundler-audit
   capybara
   debug
+  foreman
   importmap-rails
   jbuilder
   packwerk (~> 3.2)

diff --git a/Procfile.dev b/Procfile.dev
@@ -1,2 +1,2 @@
-web: bin/rails server
-css: bin/rails tailwindcss:watch
+web: bin/rails server -b 0.0.0.0
+css: bin/rails tailwindcss:watch[always]
diff --git a/app/packages/landing/views/home/index.html.erb b/app/packages/landing/views/home/index.html.erb
@@ -1,3 +1,3 @@
-<h1>PictoPlan</h1>
-
-Hello, world!
+<h1 class="text-3xl font-bold">
+  PictoPlan
+</h1>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -11,7 +11,7 @@
   </head>
 
   <body>
-    <main class="container mx-auto mt-28 px-5 flex">
+    <main class="container mx-auto mt-5 px-5 flex">
       <%= yield %>
     </main>
   </body>

diff --git a/config/tailwind.config.js b/config/tailwind.config.js
@@ -5,7 +5,8 @@ module.exports = {
     './public/*.html',
     './app/helpers/**/*.rb',
     './app/javascript/**/*.js',
-    './app/views/**/*.{erb,haml,html,slim}'
+    './app/views/**/*.{erb,haml,html,slim}',
+    './app/packages/**/views/**/*.{erb,haml,html,slim}'
   ],
   theme: {
     extend: {

diff --git a/docker-compose.yml b/docker-compose.yml
@@ -17,6 +17,8 @@ services:
       dockerfile: Dockerfile.dev
     volumes:
       - .:/rails
+    command: "bin/dev"
+    tty: true
     ports:
       - "3000:3000"
     environment:
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,7 +11,7 @@ @@
       </head>
       <body>
-        <main class="container mx-auto mt-28 px-5 flex">
+        <main class="container mx-auto mt-5 px-5 flex">
           <%= yield %>
         </main>
       </body>
@@ Expand Down @@