fix: hot fix of grid

ruizdiazever · Jun 18, 2024 · 22ec554 · 22ec554
1 parent 6c44066
commit 22ec554
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 2 deletions.
diff --git a/site/pkg/portfolio.css b/site/pkg/portfolio.css
@@ -816,6 +816,10 @@ body {
     display: flex;
   }
 
+  .md\:w-full {
+    width: 100%;
+  }
+
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

diff --git a/site/pkg/portfolio.wasm b/site/pkg/portfolio.wasm
diff --git a/src/components/common/card.rs b/src/components/common/card.rs
@@ -5,7 +5,7 @@ use leptos_icons::*;
 #[component]
 pub fn Tech(title: String, description: String, uri: String) -> impl IntoView {
     view! {
-        <div class="bg-white rounded-lg hover:bg-gray-50 shadow-md w-40" title={description}>
+        <div class="bg-white rounded-lg hover:bg-gray-50 shadow-md md:w-40 w-full" title={description}>
             <a href={uri} target="_blank">
                 <div class="group p-3">
                     <h3 class="flex items-center text-lg font-semibold gap-1 hover:underline hover:decoration-dashed hover:underline-offset-8 hover:decoration-gray-400">

diff --git a/src/components/project.rs b/src/components/project.rs
@@ -12,7 +12,7 @@ pub fn Project(
 ) -> impl IntoView {
     view! {
             <div class="text-gray-600">
-            <h1 class="text-3xl text-gray-800 mb-2">{title}</h1>
+                <h1 class="text-3xl text-gray-800 mb-2">{title}</h1>
                 <p>{subtitle}</p>
                 <div class="flex justify-between my-6">
                     <span class="flex items-center justify-center whitespace-nowrap rounded-lg bg-gray-100 border border-gray-300 h-6 px-2.5 py-1 text-sm text-gray-700">

diff --git a/style/output.css b/style/output.css
@@ -1063,6 +1063,10 @@ body {
     display: flex;
   }
 
+  .md\:w-full {
+    width: 100%;
+  }
+
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }