modelcontextprotocol/ext-apps
Watch
1
0
Fork
You've already forked ext-apps
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #86 from modelcontextprotocol/fix-widget-layout

Browse source 
Fix widget layout to use full available width
This commit is contained in:
Anton Pidkuiko 2025-12-08 14:04:27 +00:00 • committed by GitHub
commit 43214f922c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 6 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

5
examples/basic-host/src/index.module.css
View file

@ -113,9 +113,8 @@
min-height: 200px; min-height: 200px;
iframe { iframe {
flex-shrink: 0; flex: 1 0 auto;
height: 100%; height: 600px;
max-width: 100%;
box-sizing: border-box; box-sizing: border-box;
border: 3px dashed #888; border: 3px dashed #888;
border-radius: 4px; border-radius: 4px;

2
examples/budget-allocator-server/src/mcp-app.css
View file

@ -40,7 +40,7 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 600px; height: 600px;
width: 600px; width: 100%;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
overflow: hidden; overflow: hidden;

2
examples/customer-segmentation-server/src/mcp-app.css
View file

@ -37,7 +37,7 @@ html, body {
} }
.main { .main {
width: 600px; width: 100%;
height: 600px; height: 600px;
margin: 0 auto; margin: 0 auto;
padding: 12px; padding: 12px;

2
examples/scenario-modeler-server/src/mcp-app.css
View file

@ -37,7 +37,7 @@
============================================================================ */ ============================================================================ */
.main { .main {
width: 600px; width: 100%;
height: 600px; height: 600px;
overflow: hidden; overflow: hidden;
background: var(--bg-primary); background: var(--bg-primary);

2
examples/system-monitor-server/src/mcp-app.css
View file

@ -36,7 +36,7 @@ html, body {
} }
.main { .main {
width: 600px; width: 100%;
margin: 0 auto; margin: 0 auto;
padding: 16px; padding: 16px;
display: flex; display: flex;