color and layout fixes

rust-adventure · Jul 8, 2024 · 6db6d77 · 6db6d77
1 parent f5368b6
commit 6db6d77
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/app/routes/issue.rs b/src/app/routes/issue.rs
@@ -13,7 +13,7 @@ use std::ops::Not;
 mod cards;
 use cards::*;
 
-pub const PROSE: &str = r#"prose text-ctp-text prose-code:text-ctp-text prose-a:text-ctp-sky hover:prose-a:text-ctp-blue prose-blockquote:text-ctp-text [&>h2]:leading-7 [&>h2]:text-ctp-text [&>h3]:text-ctp-text [&>h2]:pl-4 [&>ul]:mt-6 [&>ul]:list-['⮡\20'] [&>ul]:pl-5"#;
+pub const PROSE: &str = r#"prose text-ctp-text dark:prose-strong:text-white prose-code:text-ctp-text prose-a:text-ctp-sky hover:prose-a:text-ctp-blue prose-blockquote:text-ctp-text [&>h2]:leading-7 [&>h2]:text-ctp-text [&>h3]:text-ctp-text [&>h2]:pl-4 [&>ul]:mt-6 [&>ul]:list-['⮡\20'] [&>ul]:pl-5"#;
 
 #[derive(Clone, Serialize, Deserialize)]
 pub struct Issue {

diff --git a/src/app/routes/issue/cards.rs b/src/app/routes/issue/cards.rs
@@ -18,6 +18,8 @@ pub fn SideBySide(
         <div class="bg-ctp-base">
             <div class="mx-auto px-4 py-16 sm:px-6 sm:py-24 lg:max-w-7xl lg:px-8">
                 <div class="lg:grid lg:grid-cols-7 lg:grid-rows-1 lg:gap-x-8 lg:gap-y-10 xl:gap-x-16">
+                { images.is_empty().not().then_some(
+                    view! {
                     <div class="lg:col-span-4 lg:row-end-1">
                         <div class="aspect-h-3 aspect-w-4 overflow-hidden rounded-lg bg-gray-100 divide-y-8">
 
@@ -38,7 +40,13 @@ pub fn SideBySide(
                         </div>
                     </div>
 
-                    <div class="mx-auto mt-14 max-w-2xl sm:mt-16 lg:col-span-3 lg:row-span-2 lg:row-end-2 lg:mt-0 lg:max-w-none">
+                            })}
+
+                    <div class=format!("mx-auto mt-14 max-w-2xl sm:mt-16 {} lg:mt-0 lg:max-w-none", if images.is_empty() {
+                        "col-span-7"
+                    } else {
+                        "lg:col-span-3 lg:row-span-2 lg:row-end-2"
+                    })>
                         <div class="flex flex-col-reverse">
                             <div class="mt-4">
                                 <h2 class="text-2xl font-bold tracking-tight text-ctp-text sm:text-3xl">