From 8fbd2738f3693ea6d963e86051a160f095a7a339 Mon Sep 17 00:00:00 2001
From: Joshua Randall <josh@joshrandall.net>
Date: Wed, 19 Mar 2025 13:38:08 -0400
Subject: [PATCH] align comments
---
src/styles/App.scss | 76 ++++++++++++++++++++++++---------------------
1 file changed, 40 insertions(+), 36 deletions(-)
diff --git a/src/styles/App.scss b/src/styles/App.scss
index 51c85c9..f2cabc3 100644
--- a/src/styles/App.scss
+++ b/src/styles/App.scss
@@ -304,6 +304,43 @@ body {
max-width: 60vw;
}
+.comment-section{
+ // position:fixed;
+ max-width: 250px;
+ width: 250px;
+ height: 275px;
+ max-height: 275px;
+ align-self: flex-end;
+ // max-height: 400px;
+ // bottom:13%;
+ // right:28%;
+ background-color: #000;
+ border: 3px solid #ddd;
+ border-radius: 10px;
+ padding:10px;
+ overflow-y: scroll;
+}
+
+.comment {
+ background-color: #ddd;
+ padding-bottom: 20px; /* Padding inside each comment */
+ border-bottom: 2px solid black; /* Optional: Separator */
+}
+
+.comment-box {
+ background-color: white;
+ padding-bottom: 15px; /* Padding inside each comment */
+}
+
+.reply-icon{
+ margin-left: 20px;
+ cursor: pointer;
+}
+
+.comment-input-div {
+ margin-top: 20px;
+}
+
@media screen and (max-width: 870px) {
.button.not-liked{
&:hover{
@@ -311,6 +348,9 @@ body {
padding: 10px;
}
}
+ .comment-section{
+ align-self:center;
+ }
.app-container {
width: 90vw;
height: 100%;
@@ -356,39 +396,3 @@ body {
}
}
-.comment-section{
- // position:fixed;
- max-width: 250px;
- width: 250px;
- height: 275px;
- max-height: 275px;
- align-self: flex-end;
- // max-height: 400px;
- // bottom:13%;
- // right:28%;
- background-color: #000;
- border: 3px solid #ddd;
- border-radius: 10px;
- padding:10px;
- overflow-y: scroll;
-}
-
-.comment {
- background-color: #ddd;
- padding-bottom: 20px; /* Padding inside each comment */
- border-bottom: 2px solid black; /* Optional: Separator */
-}
-
-.comment-box {
- background-color: white;
- padding-bottom: 15px; /* Padding inside each comment */
-}
-
-.reply-icon{
- margin-left: 20px;
- cursor: pointer;
-}
-
-.comment-input-div {
- margin-top: 20px;
-}
\ No newline at end of file
--
GitLab