atomaka/budget
1
0
Fork 0
Code Issues 1 Pull requests 3 Activity Actions

Install and setup tailwind

Browse source
This commit is contained in:
Andrew Tomaka 2022-11-20 15:07:09 -05:00
parent 676f416cae
commit 7521ebaa45
Signed by: atomaka
GPG key ID: 61209BF70A5B18BE
10 changed files with 58 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

0
app/assets/builds/.keep Normal file
View file

1
app/assets/config/manifest.js
View file

@ -2,3 +2,4 @@
//= link_directory ../stylesheets .css
//= link_tree ../../javascript .js
//= link_tree ../../../vendor/javascript .js
//= link_tree ../builds

13
app/assets/stylesheets/application.tailwind.css Normal file
View file

@ -0,0 +1,13 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
/*
@layer components {
.btn-primary {
@apply py-2 px-4 bg-blue-200;
}
}
*/

5
app/views/layouts/application.html.erb
View file

@ -5,12 +5,15 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
<%= javascript_importmap_tags %>
</head>
<body>
<%= yield %>
<main class="container mx-auto mt-28 px-5 flex">
<%= yield %>
</main>
</body>
</html>