Ajustes e definindo versao do tailwind no trunk para habilitar classe…

…s como min-w-24

Trunk.toml

@@ -6,4 +6,7 @@ dist = "dist"
 ignore = ["./src/markdown_posts.rs"]
 
 [serve]
-port = 3000
+port = 3000
+
+[tools]
+tailwindcss = "3.4.3"

package.json

@@ -1,6 +1,6 @@
 {
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.10",
-    "tailwindcss": "^3.4.1"
+    "tailwindcss": "^3.4.3"
   }
 }

src/components/button.rs

@@ -9,7 +9,7 @@ pub fn LinkBtn(
 ) -> impl IntoView {
     view! {
         <A href
-            class=class + " tw-text-sm tw-font-bold tw-border-solid tw-border-2 tw-rounded-xl tw-max-w-fit tw-px-4 tw-py-2 tw-bg-white tw-transition tw-duration-200 hover:tw-text-greenLime"
+            class=class + " tw-text-center tw-text-sm tw-font-bold tw-border-solid tw-border-2 tw-rounded-xl tw-max-w-fit tw-px-4 tw-py-2 tw-bg-white tw-transition tw-duration-200 hover:tw-text-greenLime"
         >
             {children()}
         </A>

src/pages/home.rs

@@ -27,15 +27,15 @@ pub fn HomePage() -> impl IntoView {
                 </div>
                 <hr />
                 <div class="tw-hflex tw-gap-5">
-                    <LinkBtn href="about" class="!tw-text-base !tw-font-normal">
+                    <LinkBtn href="about" class="!tw-text-base !tw-font-normal !tw-min-w-24">
                         Sobre
                     </LinkBtn>
 
-                    <LinkBtn href="posts" class="!tw-text-base !tw-font-normal">
+                    <LinkBtn href="posts" class="!tw-text-base !tw-font-normal !tw-min-w-24">
                         Posts
                     </LinkBtn>
 
-                    <LinkBtn href="projects" class="!tw-text-base !tw-font-normal">
+                    <LinkBtn href="projects" class="!tw-text-base !tw-font-normal !tw-min-w-24">
                         Projetos
                     </LinkBtn>
                 </div>

tailwind.config.js

@@ -2,7 +2,7 @@
 module.exports = {
   prefix: 'tw-',
   content: {
-    files: ['*.html', './src/**/*.rs'],
+    files: ['./index.html', './src/**/*.rs'],
   },
   theme: {
     extend: {
@@ -11,14 +11,12 @@ module.exports = {
       },
       colors: {
         graphite: '#222',
-        greenLime: '#348314'
+        greenLime: '#348314',
       },
       backgroundImage: {
-        'forest-stairs': "url('/img/background-1.jpg')"
-      }
+        'forest-stairs': "url('/img/background-1.jpg')",
+      },
     },
   },
-  plugins: [
-    require('@tailwindcss/typography')
-  ],
+  plugins: [require('@tailwindcss/typography')],
 };