diff --git a/src/App.css b/src/App.css
index a40c9c0..d718719 100644
--- a/src/App.css
+++ b/src/App.css
@@ -26,6 +26,16 @@ html {
font-size: large;
}
+.dataContent {
+ max-width: 700px; /* or whatever width you prefer */
+ overflow-x: auto; /* adds a scrollbar if content overflows the width */
+}
+
+.boundData {
+ white-space: pre-wrap; /* respects whitespace but allows wrapping */
+ word-wrap: break-word; /* breaks long words */
+}
+
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
diff --git a/src/App.tsx b/src/App.tsx
index c92123d..790bf61 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -42,11 +42,16 @@ const useStyles = makeStyles({
});
const initialData = {
- name: 'Send email to Adrian',
- description: 'Confirm if you have passed the subject\nHereby ...',
- done: true,
- recurrence: 'Daily',
- rating: 3,
+ movie_name: "Who's the Undercover?",
+ setup: "Rules of the game",
+ characters: [
+ {
+ name: "Nina",
+ personality: "Highly observant\nNotable memory capabilities, comparable to a steel trap",
+ background: "Once upon a time, while working at the library, you recognized a forgery in a rare manuscript due to a tiny misprint. This act saved the library thousands and bolstered your reputation.",
+ interpersonal_relationship: "Oscar: You two share a past, as you both dated briefly during college. Though the breakup was amicable, an undercurrent of tension always exists between the two of you. This past connection might lead you both to trust or distrust each other more during the game."
+ }
+ ]
};
const renderers = [
@@ -84,8 +89,11 @@ const App = () => {
Bound data
-