diff --git a/nest_frontend/components/base/summary/SummaryLeft.module.css b/nest_frontend/components/base/summary/SummaryLeft.module.css
index 2cf21a4..e4491f9 100644
--- a/nest_frontend/components/base/summary/SummaryLeft.module.css
+++ b/nest_frontend/components/base/summary/SummaryLeft.module.css
@@ -1,4 +1,5 @@
.SummaryLeft {
+ min-width: 175px;
width: 275px;
display: grid;
diff --git a/nest_frontend/components/base/summary/SummaryText.js b/nest_frontend/components/base/summary/SummaryText.js
index 9086edf..d01ba11 100644
--- a/nest_frontend/components/base/summary/SummaryText.js
+++ b/nest_frontend/components/base/summary/SummaryText.js
@@ -6,7 +6,9 @@ import classNames from "classnames"
export default function SummaryText({ children, className, ...props }) {
return (
- {children}
+
+ {children}
+
)
}
diff --git a/nest_frontend/components/base/summary/SummaryText.module.css b/nest_frontend/components/base/summary/SummaryText.module.css
new file mode 100644
index 0000000..7013698
--- /dev/null
+++ b/nest_frontend/components/base/summary/SummaryText.module.css
@@ -0,0 +1,22 @@
+.SummaryText {
+ flex-grow: 3;
+
+ padding: 0 0 0 20px;
+
+ background-color: var(--bg-light);
+
+ display: flex;
+ justify-content: stretch;
+ align-items: center;
+
+ font-size: small;
+}
+
+.Text {
+ height: 60px;
+ overflow-y: auto;
+
+ /* Custom scrollbar (firefox only!) */
+ scrollbar-color: var(--bg-accent) var(--bg-light);
+ scrollbar-width: auto;
+}
\ No newline at end of file
diff --git a/nest_frontend/components/interactive/BoxRepositoryTweets.js b/nest_frontend/components/interactive/BoxRepositoryTweets.js
new file mode 100644
index 0000000..3ca1e7a
--- /dev/null
+++ b/nest_frontend/components/interactive/BoxRepositoryTweets.js
@@ -0,0 +1,14 @@
+import React from "react"
+import BoxFullScrollable from "../base/BoxFullScrollable"
+import SummaryTweet from "./SummaryTweet"
+
+
+export default function BoxRepositoryTweets({ tweets, ...props }) {
+ // TODO: Translate this
+
+ return (
+
+ {tweets.map(tweet => )}
+
+ )
+}
diff --git a/nest_frontend/components/interactive/SummaryRepository.js b/nest_frontend/components/interactive/SummaryRepository.js
index 46a9543..0d7bb5e 100644
--- a/nest_frontend/components/interactive/SummaryRepository.js
+++ b/nest_frontend/components/interactive/SummaryRepository.js
@@ -40,7 +40,7 @@ export default function SummaryRepository(
}
return (
-
+
+ window.open(`https://twitter.com/${tweet.poster}/status/${tweet.snowflake}`)}
+ />
+
+ {tweet.content}
+
+
+
+ )
+}
diff --git a/nest_frontend/components/interactive/SummaryUser.js b/nest_frontend/components/interactive/SummaryUser.js
index d158ddf..98e34cb 100644
--- a/nest_frontend/components/interactive/SummaryUser.js
+++ b/nest_frontend/components/interactive/SummaryUser.js
@@ -12,7 +12,7 @@ export default function SummaryUser({ user, destroyUser, running, ...props }) {
const { strings } = useContext(ContextLanguage)
return (
-
+
-
+
)
}
diff --git a/nest_frontend/routes/PageRepository.module.css b/nest_frontend/routes/PageRepository.module.css
index 7203ab8..1ca5e2d 100644
--- a/nest_frontend/routes/PageRepository.module.css
+++ b/nest_frontend/routes/PageRepository.module.css
@@ -1,7 +1,10 @@
.PageRepository {
display: grid;
- grid-template-areas: "a";
+ grid-template-areas:
+ "a b"
+ "c d"
+ ;
grid-gap: 10px;