Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

💄 UI 버그 & 레이아웃 변경 #127

Merged
merged 3 commits into from
Dec 21, 2024
Merged

💄 UI 버그 & 레이아웃 변경 #127

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9e2ad8a
🐛 알림창 모달에 링크 삐져나오는 문제 해결
Squarecat-meow Dec 21, 2024
23bc9bc
💄 Question 컴포넌트 레이아웃 수정
Squarecat-meow Dec 21, 2024
115441d
💄 답변 버튼 크기 원래대로
Squarecat-meow Dec 21, 2024
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
4 changes: 2 additions & 2 deletions src/app/_components/notification.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,8 +38,8 @@ export default function Notification() {
replace
>
<div className={`flex flex-col ${isRead && 'text-slate-500 dark:text-slate-400'}`}>
<span className="font-thin italic ">&quot;{noti.data?.question}&quot;</span>
<p>{noti.data?.answer}</p>
<span className="font-thin italic break-all">&quot;{noti.data?.question}&quot;</span>
<p className="break-all">{noti.data?.answer}</p>
</div>
</Link>
</div>
Expand Down
13 changes: 5 additions & 8 deletions src/app/_components/question.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -170,8 +170,8 @@ export default function Question({
</span>
</div>
</div>
<div className="text-2xl chat chat-end">
<div className="chat-bubble bg-green-600 text-slate-300 dark:text-slate-200">
<div className="flex justify-end px-2 text-2xl chat chat-end">
<div className="chat-bubble px-2 desktop:px-4 bg-green-600 text-slate-300 dark:text-slate-200">
<form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-2 py-2">
{errors.answer && errors.answer.type === 'answerOnlyWhiteSpace' && (
<div className="tooltip tooltip-open tooltip-error transition-opacity" data-tip={errors.answer.message} />
Expand All @@ -187,15 +187,15 @@ export default function Question({
/>

<div className="w-full flex flex-col gap-3 desktop:flex-row justify-between items-center">
<div className="flex gap-6 mb-2 desktop:mb-0">
<div className="flex gap-6">
<div className="flex gap-2 items-center text-xl">
<input
type="checkbox"
className="toggle toggle-accent"
onClick={() => setValue('nsfw', !nsfwedAnswer)}
/>
<input type="hidden" {...register('nsfw')} />
<span className="text-sm desktop:text-xl">NSFW로 체크</span>
<span className="w-full text-sm desktop:text-xl">NSFW로 체크</span>
</div>
<select {...register('visibility')} className="select select-ghost select-sm dark:shadow">
<option className={'hidden'} value={undefined}>
Expand All @@ -207,10 +207,7 @@ export default function Question({
</select>
</div>
<div className="w-full desktop:w-fit flex justify-center">
<button
type={'submit'}
className="btn btn-outline dark:border-white dark:text-slate-200 btn-sm h-10 w-16 desktop:btn-md"
>
<button type={'submit'} className="btn btn-outline dark:border-white dark:text-slate-200 h-10 btn-md ">
답변
</button>
</div>
Expand Down
Loading