feat(shadertoy): show fullscreen button only on widget hover, add min-height (#281)

Author: ochafik

examples/shadertoy-server/src/mcp-app.css

@@ -2,13 +2,15 @@ html, body {
   margin: 0;
   width: 100%;
   height: 100%;
+  min-height: 400px;
   overflow: hidden;
 }
 
 .main {
   position: relative;
   width: 100%;
   height: 100%;
+  min-height: 400px;
 }
 
 #canvas {
@@ -33,7 +35,7 @@ html, body {
   align-items: center;
   justify-content: center;
   transition: background 0.2s, opacity 0.2s;
-  opacity: 0.7;
+  opacity: 0; /* Initially invisible, shown on widget hover */
   z-index: 100;
 }
 
@@ -55,6 +57,11 @@ html, body {
   display: flex;
 }
 
+/* Show button on widget hover */
+.main:hover .fullscreen-btn.available {
+  opacity: 0.7;
+}
+
 /* Fullscreen mode */
 .main.fullscreen .fullscreen-btn .expand-icon {
   display: none;