Commit fdb6ec35 by Liu

fix: 左侧list展示效果

parent 64022e77
......@@ -221,7 +221,7 @@ export const Home: React.FC = () => {
{/* 左侧区域 - 产品问答和您可以试着问我 */}
<div
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 && (
<motion.div className="w-full sm:w-auto" {...getAnimationProps(2)}>
......@@ -240,7 +240,7 @@ export const Home: React.FC = () => {
questions={otherQuestions.content}
dotColor="#CBECFF"
background="linear-gradient(180deg, #F0F8FF 0%, #FFFFFF 50%, #FFFFFF 100%)"
height="388px"
height={isToolBtnActive ? '388px' : 'auto'}
title={otherQuestions.configName}
iconImg={HomeIcon2}
isToolBtn={isToolBtnActive}
......
......@@ -117,19 +117,20 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({
</div>
{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">
<motion.div
animate={{ rotate: isRotating ? -360 : 0 }}
transition={{
duration: 0.7,
duration: 0.1,
ease: 'linear',
repeat: isRotating ? Infinity : 0,
}}
>
<Refresh />
<Refresh className="w-[12px] h-[12px]" />
</motion.div>
</Button>
<div className="text-[12px] text-[#29B6FD] cursor-pointer">换一换</div>
</div>
)
: 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