From cb51660cbbd6cc0aa997fbe4773573b4f3778ad1 Mon Sep 17 00:00:00 2001
From: Luccas Mateus <Luccasmmg@gmail.com>
Date: Tue, 18 Apr 2023 14:20:21 -0300
Subject: [PATCH] Fix linecharts (#770)

* [example][m] - start of a simple-example

* Empty-Commit

* [simple-example][sm] - change from repos.json to datasets.json

* [example][m] - changed styling and added octokit

* [build][sm] - fix build

* [example][sm] - fix line chart

* [fix][sm] - remove console.log
---
 examples/simple-example/components/drd/Vega.tsx     | 2 +-
 examples/simple-example/components/drd/VegaLite.tsx | 2 +-
 examples/simple-example/lib/viewSpecConversion.ts   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/examples/simple-example/components/drd/Vega.tsx b/examples/simple-example/components/drd/Vega.tsx
index 8ac5ac1b..ed24606c 100644
--- a/examples/simple-example/components/drd/Vega.tsx
+++ b/examples/simple-example/components/drd/Vega.tsx
@@ -1,4 +1,4 @@
 import { Vega as VegaOg } from "react-vega";
 export default function Vega(props) {
-  return <VegaOg {...props} />;
+  return <VegaOg className="w-full" {...props} />;
 }
diff --git a/examples/simple-example/components/drd/VegaLite.tsx b/examples/simple-example/components/drd/VegaLite.tsx
index c7fd7f49..439a632d 100644
--- a/examples/simple-example/components/drd/VegaLite.tsx
+++ b/examples/simple-example/components/drd/VegaLite.tsx
@@ -1,4 +1,4 @@
 import { VegaLite as VegaOg } from "react-vega";
 export default function Vega(props) {
-  return <VegaOg {...props} />;
+  return <VegaOg  className="w-full" {...props} />;
 }
diff --git a/examples/simple-example/lib/viewSpecConversion.ts b/examples/simple-example/lib/viewSpecConversion.ts
index beddb801..cd6d3f33 100644
--- a/examples/simple-example/lib/viewSpecConversion.ts
+++ b/examples/simple-example/lib/viewSpecConversion.ts
@@ -14,7 +14,7 @@ export function convertSimpleToVegaLite(view, resource) {
       tooltip: true,
     },
     title: view.title,
-    width: "container",
+    width: 500,
     height: 300,
     selection: {
       grid: {