From 3912ebc31d6c336246da3f321600a9cc3a8c3e83 Mon Sep 17 00:00:00 2001
From: joshrandall8478 <joshrandall8478@gmail.com>
Date: Wed, 19 Mar 2025 10:01:06 -0400
Subject: [PATCH] fixed comments frontend
---
src/App.tsx | 20 ++++++++++----------
src/styles/App.scss | 17 +++++++++++------
vite.config.ts | 2 +-
3 files changed, 22 insertions(+), 17 deletions(-)
diff --git a/src/App.tsx b/src/App.tsx
index 1537b20..fd66357 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -731,16 +731,16 @@ function Home() {
{/* {showComments && ( */}
<div
className="comment-section"
- style={{
- position: "fixed",
- bottom: "13%",
- right: "28%",
- background: "white",
- padding: "10px",
- borderRadius: "5px",
- maxHeight: "40vh",
- overflowY: "auto",
- }}
+ // style={{
+ // position: "fixed",
+ // bottom: "13%",
+ // right: "28%",
+ // background: "white",
+ // padding: "10px",
+ // borderRadius: "5px",
+ // maxHeight: "40vh",
+ // overflowY: "auto",
+ // }}
>
<div className="comments-list">
{comments.map((c) => (
diff --git a/src/styles/App.scss b/src/styles/App.scss
index 5bedfe5..4be4ec1 100644
--- a/src/styles/App.scss
+++ b/src/styles/App.scss
@@ -357,18 +357,23 @@ body {
}
.comment-section{
- position:fixed;
+ // position:fixed;
max-width: 250px;
- max-height: 400px;
- bottom:13%;
- right:28%;
- background-color: white;
+ width: 250px;
+ height: 300px;
+ 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: white;
+ background-color: #ddd;
padding-bottom: 20px; /* Padding inside each comment */
border-bottom: 2px solid black; /* Optional: Separator */
}
diff --git a/vite.config.ts b/vite.config.ts
index b94957c..8e3b9d0 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -7,7 +7,7 @@ export default defineConfig({
base: "./",
root: "./",
server: {
- allowedHosts: ['ngage.lol'],
+ allowedHosts: true,
},
build: {
rollupOptions: {
--
GitLab