Skip to content

S
sdream-ai-fe
Commit 494d3a72 by weiw
Options

fix:修改样式问题

parent f5a7fed8
Showing with 12 additions and 12 deletions
src/pages/Home/HomeNew.tsx
...@@ -169,12 +169,12 @@ useEffect(() => { ...@@ -169,12 +169,12 @@ useEffect(() => {
)} )}
<div className="h-full w-full"> <div className="h-full w-full">
<div className="box flex flex-col h-full w-full"> <div className="box flex flex-col h-full w-full">
<div className="flex-1 items-center pt-[24px] overflow-y-scroll sm:pt-[32px] scrollbar-hide"> <div className="flex-1 items-center pt-[24px] sm:pt-[32px] scrollbar-hide">
<div className="w-full"> <div className="w-full">
<div className="flex justify-center gap-[20px] mt-[22px] sm:mt-[62px]"> <div className="flex justify-center gap-[20px]">
{/* 左侧区域 - 产品问答和您可以试着问我 */} {/* 左侧区域 - 产品问答和您可以试着问我 */}
<div className="flex flex-col gap-[20px] justify-center mt-0 sm:mt-[-62px]"> <div className="flex flex-col gap-[20px] items-center py-[150px] overflow-y-auto scrollbar-hide" style={{ height: 'calc(100vh - 64px)' }}>
<motion.div className="w-full hidden sm:block sm:w-auto" {...getAnimationProps(2)}> <motion.div className="w-full sm:w-auto" {...getAnimationProps(2)}>
<QuestionList <QuestionList
questions={productQuestions.content} questions={productQuestions.content}
dotColor="#D4CCFF" dotColor="#D4CCFF"
...@@ -194,7 +194,7 @@ useEffect(() => { ...@@ -194,7 +194,7 @@ useEffect(() => {
</motion.div> </motion.div>
</div> </div>
{/* 右侧区域 */} {/* 右侧区域 */}
<div className="hidden sm:flex flex-1 h-full sm:mt-[-62px]"> <div className="hidden sm:flex flex-1 h-full">
<div <div
className="w-full h-full bg-transparent box-border rounded-[24px]" className="w-full h-full bg-transparent box-border rounded-[24px]"
style={{ height: 'calc(100vh - 64px)', background: '#FFFFFF', padding: '0 30px' }} style={{ height: 'calc(100vh - 64px)', background: '#FFFFFF', padding: '0 30px' }}
......
src/pages/Home/components/QuestionList/QuestionList.tsx
...@@ -97,13 +97,13 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({ ...@@ -97,13 +97,13 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({
}, [updateDisplayedItems]) }, [updateDisplayedItems])
return ( return (
<div <div
className="bg-white box-border px-[20px] py-[24px] rounded-[24px] w-full sm:w-[360px] md:w-[300px]" className="bg-white box-border px-[20px] py-[12px] rounded-[24px] w-full sm:w-[360px] md:w-[300px]"
style={{ background }} style={{ background }}
> >
<h3 className="min-h-[32px] flex items-center justify-between whitespace-nowrap"> <h3 className="flex items-center justify-between whitespace-nowrap">
<div className="flex items-center min-w-0 flex-1"> <div className="flex items-center min-w-0 flex-1 h-full">
<Image className="w-[32px] h-[32px] flex-shrink-0" src={iconImg} alt="" /> <Image className="w-[28px] h-[28px] flex-shrink-0" src={iconImg} alt="" />
<div className="text-[18px] ml-[12px] font-medium overflow-hidden text-ellipsis whitespace-nowrap flex-1 min-w-0"> <div className="text-[15px] mt-[4px] ml-[12px] font-medium overflow-hidden text-ellipsis whitespace-nowrap flex-1 min-w-0">
{title} {title}
</div> </div>
</div> </div>
...@@ -131,7 +131,7 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({ ...@@ -131,7 +131,7 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({
variants={containerVariants} variants={containerVariants}
initial="hidden" initial="hidden"
animate="visible" animate="visible"
className="mt-[18px] flex flex-col gap-[8px] w-full" className="mt-[8px] flex flex-col gap-[8px] w-full"
> >
{displayedItems.map((item, index) => ( {displayedItems.map((item, index) => (
<motion.li <motion.li
...@@ -148,7 +148,7 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({ ...@@ -148,7 +148,7 @@ const QuestionListBase: React.FC<QuestionListProps & WithAuthProps> = ({
onPress={() => handleClick(item)} onPress={() => handleClick(item)}
color="primary" color="primary"
variant="light" variant="light"
className="text-left bg-[#F7FCFF] w-full text-[#333] rounded-[23px] data-[hover=true]:bg-[#E5F6FF] data-[hover=true]:text-primary" className="text-left bg-[#F7FCFF] w-full text-[#333] rounded-[23px] data-[hover=true]:bg-[#E5F6FF] data-[hover=true]:text-primary h-8"
> >
<div className="w-full text-nowrap text-ellipsis overflow-hidden"> <div className="w-full text-nowrap text-ellipsis overflow-hidden">
<span style={{ color: dotColor }}>·</span> <span style={{ color: dotColor }}>·</span>
......
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