Skip to content
This repository has been archived by the owner on Apr 16, 2023. It is now read-only.

Add board header #287

Open
wants to merge 4 commits into
base: v2
Choose a base branch
from
Open
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Tweak Button and CommentInput
minamorl committed Mar 30, 2023
commit 65165818caf4e18e53b6e3f82088bf8c3f4c76f6
2 changes: 1 addition & 1 deletion ui/common/Button.tsx
Original file line number Diff line number Diff line change
@@ -11,7 +11,7 @@ export interface ButtonProps {

export const Button: React.FC<ButtonProps> = (props) => {
let className =
'bg-primary dark:bg-primary-dark flex items-center justify-center md:px-4 ml-2 lg:px-6 block text-med dark:text-med-dark dark:hover:text-high-dark hover:text-high border-primary dark:border-primary-dark border-opacity-40 hover:border-opacity-100 rounded-xl border border-double border-4 transition-colors'
'bg-primary dark:bg-primary-dark flex items-center justify-center md:px-4 ml-2 lg:px-6 block text-white dark:text-med-dark dark:hover:text-high-dark hover:text-high border-primary dark:border-primary-dark border-opacity-40 hover:border-opacity-100 rounded-xl border border-double border-4 transition-colors'
if (props.size === 'small') {
className += ' px-2 text-sm'
} else if (props.size === 'normal') {
4 changes: 2 additions & 2 deletions ui/thread/CommentInput.tsx
Original file line number Diff line number Diff line change
@@ -7,7 +7,7 @@ export const CommentInput: React.FC<{ onSubmit: (comment: PostContent) => void }
const [comment, setComment] = useState<PostContent>('' as PostContent)
const userState = useUserState()
return userState != null ? (
<div className="bg-slate-100 bg-opacity-85 p-4 rounded-lg mb-20">
<div className="bg-contentbg dark:bg-contentbg-dark bg-opacity-80 p-4 rounded-lg mb-20">
<p className="pb-2 ">
Comments as {userState.currentPersona?.name ?? 'an unauthorized user'}
</p>
@@ -18,7 +18,7 @@ export const CommentInput: React.FC<{ onSubmit: (comment: PostContent) => void }
onChange={(e) => setComment(e.currentTarget.value as PostContent)}
placeholder="What did you think?"
/>
<div className="bg-slate-100 bg-opacity-25 px-4 py-2 rounded-b-lg flex justify-end">
<div className="px-4 py-2 rounded-b-lg flex justify-end">
<Button onClick={() => props.onSubmit(comment)} label="Comment" size="normal" />
</div>
</div>