Responsive changes to FusionEmbed

fictionlab · May 13, 2024 · cc316bb · cc316bb
1 parent 62dd286
commit cc316bb
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/FusionEmbed/styles.module.css b/src/components/FusionEmbed/styles.module.css
@@ -29,7 +29,7 @@ html[data-theme='light'] .image {
   height: 100%;
   border-radius: var(--ifm-global-radius);
   cursor: pointer;
-  border: 2px solid var(--ifm-color-emphasis-200);
+  border: 1px solid var(--ifm-color-emphasis-200);
   transition:
     border var(--ifm-transition-fast) ease,
     opacity var(--imgFadetime) ease;
@@ -40,14 +40,15 @@ html[data-theme='light'] .image {
   width: 100%;
   height: 100%;
   position: absolute;
-  border-radius: var(--ifm-global-radius);
+  border-radius: var(--image-border-radius);
   box-sizing: content-box;
   opacity: 0;
   transition: opacity var(--imgFadetime) ease;
 }
 
 .text {
   position: absolute;
+  width: max-content;
   top: 95%;
   left: 50%;
   transform: translate(-50%, -50%);