wip(scrim-inline): make play button bigger, make scrims smaller

mdn · Sep 26, 2024 · 2db72fa · 2db72fa
1 parent a0a62d9
commit 2db72fa
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/client/src/assets/curriculum/scrim-play.svg b/client/src/assets/curriculum/scrim-play.svg
diff --git a/client/src/curriculum/index.scss b/client/src/curriculum/index.scss
@@ -291,6 +291,8 @@
       scrim-inline {
         aspect-ratio: 1.5;
         display: block;
+        margin: 0.5rem auto;
+        max-width: 575px;
         width: 100%;
       }
 

diff --git a/client/src/curriculum/scrim-inline.scss b/client/src/curriculum/scrim-inline.scss
@@ -46,6 +46,10 @@ dialog {
   height: 100%;
   position: relative;
   width: 100%;
+
+  > * {
+    font-size: 4cqmin;
+  }
 }
 
 .header {
@@ -116,7 +120,6 @@ dialog {
     auto 0.6em,
     contain,
     cover;
-  font-size: 4cqmin;
   inset: 0;
   position: absolute;
 
@@ -164,9 +167,9 @@ iframe {
   }
 
   svg {
-    height: 7rem;
+    height: 9em;
     stroke-width: 2px;
-    width: 7rem;
+    width: auto;
 
     circle {
       fill: var(--color);