Commit fdb6ec35 by Liu

fix: 左侧list展示效果

parent 64022e77
...@@ -221,7 +221,7 @@ export const Home: React.FC = () => { ...@@ -221,7 +221,7 @@ export const Home: React.FC = () => {
{/* 左侧区域 - 产品问答和您可以试着问我 */} {/* 左侧区域 - 产品问答和您可以试着问我 */}
<div <div
className="flex flex-col gap-[20px] items-center overflow-y-auto scrollbar-hide" className="flex flex-col gap-[20px] items-center overflow-y-auto scrollbar-hide"
style={{ height: 'calc(100vh - 64px)', background: 'linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 50%, #FFFFFF 100%)', borderRadius: '24px' }} style={{ height: isToolBtnActive ? 'calc(100vh - 64px + 100px)' : '500px', background: isToolBtnActive ? 'linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 50%, #FFFFFF 100%)' : '', borderRadius: '24px' }}
> >
{!isToolBtnActive && ( {!isToolBtnActive && (
<motion.div className="w-full sm:w-auto" {...getAnimationProps(2)}> <motion.div className="w-full sm:w-auto" {...getAnimationProps(2)}>
...@@ -240,7 +240,7 @@ export const Home: React.FC = () => { ...@@ -240,7 +240,7 @@ export const Home: React.FC = () => {
questions={otherQuestions.content} questions={otherQuestions.content}
dotColor="#CBECFF" dotColor="#CBECFF"
background="linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 50%, #FFFFFF 100%)" background="linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 50%, #FFFFFF 100%)"
height="388px" height={isToolBtnActive ? '388px' : 'auto'}
title={otherQuestions.configName} title={otherQuestions.configName}
iconImg={HomeIcon2} iconImg={HomeIcon2}
isToolBtn={isToolBtnActive} isToolBtn={isToolBtnActive}
......
...@@ -117,19 +117,20 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({ ...@@ -117,19 +117,20 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({
</div> </div>
{showRefresh {showRefresh
? ( ? (
<div className="flex-shrink-0 ml-[8px]"> <div className="flex-shrink-0 ml-[8px] flex items-center gap-[4px]">
<Button onPress={handleRefresh} isDisabled={isRotating} isIconOnly color="primary" variant="light"> <Button onPress={handleRefresh} isDisabled={isRotating} isIconOnly color="primary" variant="light">
<motion.div <motion.div
animate={{ rotate: isRotating ? -360 : 0 }} animate={{ rotate: isRotating ? -360 : 0 }}
transition={{ transition={{
duration: 0.7, duration: 0.1,
ease: 'linear', ease: 'linear',
repeat: isRotating ? Infinity : 0, repeat: isRotating ? Infinity : 0,
}} }}
> >
<Refresh /> <Refresh className="w-[12px] h-[12px]" />
</motion.div> </motion.div>
</Button> </Button>
<div className="text-[12px] text-[#29B6FD] cursor-pointer">换一换</div>
</div> </div>
) )
: null} : null}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment