olinpin/twitter-project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

flexbpox

Browse Source
This commit is contained in:
Tim Wijma
2022-11-03 14:37:31 +01:00
parent a6e3a12761
commit 71fea5aef9
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
__pycache__/dashboard.cpython-310.pyc
View File

Binary file not shown.

8
dashboard_static/js/code.js
View File

@@ -33,9 +33,11 @@ function tweetCell(tweet) {
<a href ="https://www.twitter.com/${tweet.user.screen_name}"><img src="${tweet.user.profile_image_url}" onerror="this.src='media/logo.png'" class="tweet-profilepicture"></a> <a href ="https://www.twitter.com/${tweet.user.screen_name}"><img src="${tweet.user.profile_image_url}" onerror="this.src='media/logo.png'" class="tweet-profilepicture"></a>
<div class="tweet-content"> <div class="tweet-content">
<div class="tweet-name"> <div class="tweet-name">
<a class="tweet-nickname" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">${tweet.user.name}</a> <div>
<a class="tweet-username" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">@${tweet.user.screen_name}</a> <a class="tweet-nickname" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">${tweet.user.name}</a>
<p class="tweet-date tweet-username"><em>${date.getHours()}:${date.getMinutes()}</em></p> <a class="tweet-username" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">@${tweet.user.screen_name}</a>
</div>
<span class="tweet-date"><em>${date.getHours()}:${date.getMinutes()}</em></span>
</div> </div>
<span class="tweet-text">${tweet.text}</span> <span class="tweet-text">${tweet.text}</span>
<div class="tweet-interactions"> <div class="tweet-interactions">

5
dashboard_static/style/style.css
View File

@@ -109,12 +109,17 @@ body {
.tweet-content { .tweet-content {
padding-left: 16px; padding-left: 16px;
width: 100%;
} }
.tweet-name { .tweet-name {
display: flex; display: flex;
gap: 1.5%; gap: 1.5%;
justify-content: space-between;
}
.tweet-date {
align-self: flex-end;
} }
.tweet-interactions { .tweet-interactions {