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;