Merge branch 'main' of github.com:olinpin/twitter-project

dashboard_static/style/style.css

@@ -88,19 +88,43 @@ body {
 
 .tweet {
 	display: flex;
+	background-color: var(--main-dark);
+	border-radius: 16px;
+	padding: 16px;
 }
 
 .tweet-profilepicture {
 	border-radius: 100%;
+	width: 60px;
+	height: 60px;
+	/* padding: 8px; */
+}
+
+.tweet-content {
+	padding-left: 16px;
 }
 
 .tweet-interactions {
 	display: flex;
+	margin-top: 8px;
 }
 
 .tweet-interaction {
 	display: flex;
 	align-items: center;
+	margin-right: 32px;
+}
+
+.tweet-interaction .material-symbols-outlined {
+	margin-right: 4px;
+}
+
+.tweet-nickname {
+	font-weight: bold;
+}
+
+.tweet-username {
+	opacity: 0.8;
 }
 
 .filters-search input {