diff --git a/src/App.tsx b/src/App.tsx index 1537b20bc2a9334d28633063b4a59994e2f639e9..fd66357b7f670adf661acc9ed9512bff3a632d92 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 5bedfe5c71aba2dfc64c6a411d16acc38e418049..4be4ec1c6665bcb3b4d90e9a1473f32789c0e5e3 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: {