Fix chart display responsiveness and remove shadow (v0.1.2)

- Fix chart being cut off vertically when window height is low
- Remove chart shadow/border for cleaner appearance
- Ensure chart always fits within available container space
- Center chart both horizontally and vertically
- Add proper overflow handling to prevent chart truncation
- Maintain aspect ratio while scaling to fit container

Charts now display properly at any screen size without being cut off.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Author: stared

package.json

@@ -1,7 +1,7 @@
 {
   "name": "webr-ggplot2-demo",
   "private": true,
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/OutputDisplay.vue

@@ -81,9 +81,10 @@ watch(
 .output-content {
   flex: 1;
   padding: 0;
-  overflow-y: auto;
+  overflow: hidden;
   display: flex;
   flex-direction: column;
+  min-height: 0;
 }
 
 .loading {
@@ -124,18 +125,20 @@ watch(
 .chart-display {
   flex: 1;
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: center;
-  padding: 0;
+  padding: 1rem;
   background: #fff;
+  min-height: 0;
+  overflow: hidden;
 }
 
 .chart-image {
   max-width: 100%;
   max-height: 100%;
+  width: auto;
   height: auto;
-  border-radius: 4px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  object-fit: contain;
 }
 
 .console-section {