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

Jump to bottom

fix: 방명록 수정 #43

Merged
merged 3 commits into from
Aug 19, 2023
Merged

fix: 방명록 수정 #43

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
c29e974
fix: 방명록 날짜 iso string -> locale string으로 수정
asdf99245 Aug 19, 2023
6bad8fb
fix: 방명록이 길때 배너 텍스트가 넘치는 현상 수정
asdf99245 Aug 19, 2023
38a7069
fix: 방명록에 긴텍스트가 있으면 박스를 넘어가는 현상 수정
asdf99245 Aug 19, 2023
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
12 changes: 7 additions & 5 deletions src/components/user/guest-book/GuestBookBanner.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,12 +18,14 @@ interface VisitLog {

const Log = ({ text, name }: Pick<VisitLog, 'name' | 'text'>) => {
return (
<div className='tw-relative tw-flex tw-h-9 tw-flex-row tw-justify-between tw-py-1.5'>
<div className='tw-flex tw-flex-row tw-gap-2'>
<Icon iconType='GuestBook' />
<p>{text}</p>
<div className='tw-relative tw-flex tw-h-9 tw-w-full tw-items-center tw-justify-between tw-gap-1 tw-py-1.5'>
<div className='tw-flex tw-flex-1 tw-items-center tw-gap-2 tw-overflow-hidden'>
<Icon iconType='GuestBook' className='tw-flex-shrink-0' />
<p className='tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap'>
{text}
</p>
</div>
<button className='tw-text-grayscale-300'>{`- ${name}`}</button>
<span className='tw-flex-shrink-0 tw-text-grayscale-300'>{`- ${name}`}</span>
</div>
);
};
Expand Down
8 changes: 5 additions & 3 deletions src/pages/user/[id]/guest-book/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,18 +84,20 @@ export default function GuestBookPage({ userId }: GuestBookProps) {
<div
key={log_id}
className={cn(
'tw-h-[188px] tw-border-b tw-border-white tw-pb-4 tw-pl-5 tw-pr-5 tw-pt-5',
'tw-flex tw-h-[188px] tw-flex-col tw-border-b tw-border-white tw-pb-4 tw-pl-5 tw-pr-5 tw-pt-5',
{
'tw-border-r': idx % 2 === 0,
},
)}
>
<p className='tw-text-body1 tw-h-[108px] tw-text-white'>{text}</p>
<p className='tw-text-body1 tw-mb-2 tw-flex-1 tw-overflow-scroll tw-text-white'>
{text}
</p>
<div className='tw-flex tw-items-center tw-justify-between'>
<div className='tw-flex tw-flex-col tw-gap-1 tw-text-white'>
<span className='tw-text-caption'>{name}</span>
<span className='tw-text-caption tw-text-grayscale-400'>
{created_at}
{new Date(created_at).toLocaleDateString()}
</span>
</div>
{getIsLogin() && (
Expand Down