样式微调

This commit is contained in:
tangly1024
2022-01-11 16:03:10 +08:00
parent 8d1abcdf5b
commit a342033d8b
2 changed files with 3 additions and 3 deletions

View File

@@ -21,7 +21,7 @@ const JumpToTopButton = ({ showPercent = true, percent }) => {
<div className='dark:text-gray-200' title={locale.POST.TOP} >
<FontAwesomeIcon icon={faArrowUp} />
</div>
{showPercent && (<div className='text-xs dark:text-gray-200'>{percent}%</div>)}
{showPercent && (<div className='text-xs dark:text-gray-200 block lg:hidden'>{percent}%</div>)}
</div>)
}

View File

@@ -96,8 +96,8 @@ const BaseLayout = ({
<SideAreaRight targetRef={targetRef} post={post} slot={rightAreaSlot} postCount={postCount} tags={tags} currentSearch={currentSearch} currentTag={currentTag} categories={categories} currentCategory={currentCategory}/>
</main>
<div className='right-4 bottom-2 fixed justify-end z-20 glassmorphism rounded font-sans'>
<div className={(show ? 'animate__animated ' : 'hidden') + ' m-3 animate__fadeInUp justify-center duration-500 animate__faster flex space-x-2 items-center cursor-pointer '}>
<div className='right-4 lg:right-2 bottom-2 fixed justify-end z-20 rounded font-sans'>
<div className={(show ? 'animate__animated ' : 'hidden') + ' px-3 py-2 animate__fadeInUp glassmorphism justify-center duration-500 animate__faster flex space-x-2 items-center cursor-pointer '}>
<JumpToTopButton percent={percent}/>
<JumpToBottomButton />
<FloatDarkModeButton/>