i hate CSS

Signed-off-by: Xe Iaso <me@christine.website>

2 files changed, 17 insertions, 3 deletions

diff --git a/css/shim.css b/css/shim.css
index 452b8e9..15f88af 100644
--- a/css/shim.css
+++ b/css/shim.css
@@ -70,7 +70,16 @@ figcaption {
 }
 
 .ea-placement.ea-type-image {
-    background: #282828;
+    background-color: #282828;
+}
+
+.media {
+    background-color: #32302f;
+    color: #fbf1c7;
+
+    margin: auto;
+    max-width: 80ch;
+    padding: 2ch;
 }
 
 @media (prefers-color-scheme: light) {
@@ -89,4 +98,9 @@ figcaption {
     .logo {
         background-color: #1d2021;
     }
+
+    .media {
+        color: #32302f;
+        background-color: #fbf1c7;
+    }
 }
diff --git a/lib/xesite_templates/src/lib.rs b/lib/xesite_templates/src/lib.rs
index 333c847..e744531 100644
--- a/lib/xesite_templates/src/lib.rs
+++ b/lib/xesite_templates/src/lib.rs
@@ -174,12 +174,12 @@ pub fn toot_embed(u: User, t: Toot) -> Markup {
         @for att in &t.attachment {
             @if att.media_type.starts_with("image/") {
                 a href=(att.url) {
-                    img height=(if att.height > att.width {"480"} else {"100%"}) src=(att.url) alt=(att.name.clone().unwrap_or("no description provided".into()));
+                    img width="100%" height="100%" src=(att.url) alt=(att.name.clone().unwrap_or("no description provided".into()));
                 }
             }
 
             @if att.media_type.starts_with("video/") {
-                video width=({att.width / 2}) height=({att.height / 2}) controls {
+                video width="100%" height="100%" controls {
                     source src=(att.url) type=(att.media_type);
                     "Your browser does not support the video tag, see this URL: "
                         a href=(att.url) {(att.url)}