johnruina/johnruina
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reviews to right side

Browse Source
This commit is contained in:
johnruina
2026-07-25 10:27:07 -04:00
parent 2637180c8b
commit e8a0e05696
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/RatingsPage.tsx
+6 -6
View File
@@ -832,16 +832,16 @@ function RatingsPage({ user }: Props) {
style={{
background: modalBg,
border: `1px solid ${borderClr}`,
padding: winWidth <= 768 ? 16 : 24,
maxWidth: 700,
padding: 0,
maxWidth: 900,
width: "95%",
maxHeight: "90vh",
overflowY: "auto",
display: "flex",
flexDirection: "column",
flexDirection: winWidth <= 768 ? "column" : "row",
}}
>
<div style={{ flex: 1, minWidth: 0 }}>
<div style={{ flex: 1, minWidth: 0, padding: winWidth <= 768 ? 16 : 24, ...(winWidth <= 768 ? {} : { borderRight: `1px solid ${borderClr}` }) }}>
<div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 4 }}>
<div style={{ fontWeight: 700, fontSize: 20, color: textClr }}>{selected.name}</div>
{selected.categories[0] && (
@@ -953,7 +953,7 @@ function RatingsPage({ user }: Props) {
</div>
<div style={{ width: winWidth <= 768 ? "100%" : 340, flexShrink: 0, padding: winWidth <= 768 ? 16 : 20, display: "flex", flexDirection: "column", height: winWidth <= 768 ? "auto" : "90vh", overflow: "hidden", borderTop: winWidth <= 768 ? `1px solid ${borderClr}` : "none" }}>
<div style={{ width: winWidth <= 768 ? "100%" : 340, flexShrink: 0, padding: winWidth <= 768 ? 16 : 20, display: "flex", flexDirection: "column", borderTop: winWidth <= 768 ? `1px solid ${borderClr}` : "none" }}>
<div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 12, flexShrink: 0 }}>
<div style={{ fontSize: 16, fontWeight: 700, color: textClr }}>Reviews</div>
<div style={{ display: "flex", gap: 4, alignItems: "center" }}>
@@ -1000,7 +1000,7 @@ function RatingsPage({ user }: Props) {
</div>
</div>
)}
<div style={{ flex: 1, overflowY: "auto", display: "flex", flexDirection: "column", gap: 12, minHeight: 0 }}>
<div style={{ display: "flex", flexDirection: "column", gap: 12 }}>
{loadingReviews && <div style={{ fontSize: 13, color: mutedClr }}>Loading...</div>}
{!loadingReviews && sortedReviews.length === 0 && <div style={{ fontSize: 13, color: mutedClr }}>No reviews yet</div>}
{sortedReviews.map((rev) => {