diff --git a/src/App.tsx b/src/App.tsx index 0e13dd7add502e3093b6c403fea6a42b69a08134..7ddc8fe1d117d22d447fee1842aa8a6711dd39d7 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -738,16 +738,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 c487c1ee85b00ee4143a70781707f8b0d2d365c9..468f091764e26144d5e83e7344151c766c5050f8 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 b94957c07d248e5e8ab1a78324926c091b8f85c8..8e3b9d0a99bd33e53311dc1cff6f21e57a0430db 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: {