fix: ui responsivity

rust-dd · Feb 11, 2025 · 15e0e0e · 15e0e0e
1 parent 58a3909
commit 15e0e0e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/app.rs b/src/app.rs
@@ -211,7 +211,7 @@ pub fn component() -> impl IntoView {
                 div().class("overflow-auto text-white font-mono").child((
           header::component,
           main()
-            .class("container flex flex-col gap-8 px-4 pt-10 pb-14 mx-auto mt-16 max-w-4xl md:px-0")
+            .class("container flex flex-col gap-8 px-4 pt-10 pb-20 mx-auto mt-16 max-w-4xl md:px-0")
             .child(FlatRoutes(
               FlatRoutesProps::builder()
                 .fallback(|| {

diff --git a/src/pages/post.rs b/src/pages/post.rs
@@ -25,7 +25,7 @@ pub fn component() -> impl IntoView {
     });
 
     let children = move |post: Post| {
-        div().class("flex flex-col items-center mx-auto max-w-3xl").child(
+        div().class("flex flex-col w-full items-center mx-auto max-w-3xl").child(
         (
             Show(ShowProps::builder()
                    .when({
@@ -44,7 +44,7 @@ pub fn component() -> impl IntoView {
                    ).build(),
             ),
             Title(TitleProps::builder().text(post.title.to_string()).build()),
-            article().child((
+            article().class("w-full").child((
                 div().class("flex flex-col gap-4 mx-auto max-w-3xl").child((
                     p().class("text-4xl font-semibold").child(post.title.clone()),
                     div().class("flex gap-3 justify-start items-center text-sm text-muted-foreground").child((