fix(web): expanded images go to almost full screen

they were too little every time anyway, aaaaaaaaaaaaa

web/index.html

@@ -230,7 +230,7 @@
 			width: unset;
 			height: unset;
 			max-width: calc(100% - 1.5em);
-			max-height: 55vh;
+			max-height: 90vh;
 		}
 		.box {
 			border: 3px solid var(--accent);
@@ -253,7 +253,7 @@
 		img.expand,
 		video.expand {
 			height: unset;
-			max-height: 55vh;
+			max-height: 90vh;
 			max-width: 100%;
 			object-fit: contain;
 		}

web/src/objects/item.rs

@@ -1,7 +1,7 @@
 use std::sync::Arc;
 
 use leptos::*;
-use crate::prelude::*;
+use crate::{prelude::*, URL_SENSITIVE};
 
 use apb::{field::OptionalString, target::Addressed, ActivityMut, Base, Collection, CollectionMut, Object, ObjectMut};
 
@@ -119,7 +119,16 @@ pub fn Object(object: crate::Object) -> impl IntoView {
 	let post_image = object.image().get().and_then(|x| x.url().id().str()).map(|x| {
 		let (expand, set_expand) = create_signal(false);
 		view! {
-			<img src={x} class="flex-pic box cursor" class:flex-pic-expand=expand on:click=move|_| set_expand.set(!expand.get()) />
+			<img
+				class="flex-pic box cursor"
+				class:flex-pic-expand=expand
+				src={move || if sensitive && !expand.get() {
+					URL_SENSITIVE.to_string()
+				} else {
+					x.clone()
+				}}
+				on:click=move|_| set_expand.set(!expand.get())
+			/>
 		}
 	});