fix for project's height

gxskpo · Nov 10, 2024 · 4440f66 · 4440f66
1 parent ffe4540
commit 4440f66
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/src/components/project.rs b/src/components/project.rs
@@ -21,8 +21,8 @@ pub fn Project(
     };
 
     view! {
-        <a href=url target="_blank">
-            <article class="project">
+        <a href=url target="_blank" class="project">
+            <article class="">
                 <span class="projectInfo">
                     <img src=icon_url alt="Project Icon" />
                     <span class="projectText">

diff --git a/src/components/showcase.rs b/src/components/showcase.rs
@@ -67,7 +67,6 @@ pub fn Showcase() -> impl IntoView {
                 >
                     <icons::Astro />
                 </Project>
-
             </Page>
         </section>
     }

diff --git a/styles/main.css b/styles/main.css
@@ -116,6 +116,10 @@ body {
   @apply flex flex-col gap-4 h-full;
 }
 
+.info > * {
+  height: -webkit-fill-available;
+}
+
 .aboutMe {
   @apply rounded-3xl p-2;
   background: var(--background);
@@ -226,7 +230,8 @@ body {
 }
 
 .projectsContainer {
-  @apply relative grid-cols-2 p-4 mt-1.5 gap-4 hidden rounded-3xl h-full;
+  @apply relative grid-cols-2 p-4 mt-1.5 gap-4 hidden rounded-3xl h-[31rem];
+  overflow-y: scroll;
   box-shadow: var(--shadow1);
 }
 
@@ -239,7 +244,7 @@ body {
 }
 
 .project {
-  @apply rounded-xl p-2 duration-200;
+  @apply rounded-xl p-2 duration-200 h-min;
   box-shadow: var(--shadow0);
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -67,7 +67,6 @@ pub fn Showcase() -> impl IntoView { @@
                     >
                         <icons::Astro />
                     </Project>
                 </Page>
             </section>
         }
@@ Expand Down @@