diff --git a/examples/shadertoy-server/src/mcp-app.css b/examples/shadertoy-server/src/mcp-app.css index bff4731a..a190d353 100644 --- a/examples/shadertoy-server/src/mcp-app.css +++ b/examples/shadertoy-server/src/mcp-app.css @@ -2,6 +2,7 @@ html, body { margin: 0; width: 100%; height: 100%; + min-height: 400px; overflow: hidden; } @@ -9,6 +10,7 @@ html, body { 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;