diff options
| -rw-r--r-- | packages/app/src/pages/session.tsx | 4 | ||||
| -rw-r--r-- | packages/ui/src/components/session-review.css | 2 |
2 files changed, 3 insertions, 3 deletions
diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx index 517784356..f8538bb2a 100644 --- a/packages/app/src/pages/session.tsx +++ b/packages/app/src/pages/session.tsx @@ -2030,7 +2030,7 @@ export default function Page() { <Icon name="comment" size="small" style={{ color: "var(--white)" }} /> </button> <Show when={openedComment() === comment.id}> - <div class="absolute top-[calc(100%+4px)] right-[-8px] z-40 min-w-[200px] max-w-[320px] rounded-[14px] bg-surface-raised-stronger-non-alpha border border-border-base p-3"> + <div class="absolute top-[calc(100%+4px)] right-[-8px] z-40 min-w-[200px] max-w-[320px] rounded-[14px] bg-surface-raised-stronger-non-alpha shadow-lg-border-base p-3"> <div class="flex flex-col gap-1.5"> <div class="text-14-regular text-text-strong whitespace-pre-wrap"> {comment.comment} @@ -2081,7 +2081,7 @@ export default function Page() { }} /> <div class="flex items-center gap-2"> - <div class="text-12-medium text-text-weak ml-2"> + <div class="text-12-medium text-text-weak ml-1"> Commenting on {commentLabel(range())} </div> <div class="flex-1" /> diff --git a/packages/ui/src/components/session-review.css b/packages/ui/src/components/session-review.css index 7cb0cc8e6..51a49a611 100644 --- a/packages/ui/src/components/session-review.css +++ b/packages/ui/src/components/session-review.css @@ -84,7 +84,7 @@ max-width: min(320px, calc(100vw - 48px)); border-radius: 14px; background-color: var(--surface-raised-stronger-non-alpha); - border: 1px solid var(--border-base); + box-shadow: var(--shadow-lg-border-base); padding: 12px; } |