样式修改

main
lvchenpeng 3 months ago
parent 123c9b791f
commit c6b516d6b5

@ -20,7 +20,7 @@ const Layout = ({ children }: PropsWithChildren) => {
> >
<Flexbox <Flexbox
gap={16} gap={16}
style={{ maxWidth: MAX_WIDTH, position: 'relative' }} style={{ position: 'relative' }}
width={'100%'} width={'100%'}
> >
{children} {children}

@ -12,6 +12,7 @@ const Layout = async ({ children }: PropsWithChildren) => {
const categoryList = await discoverService.getProviderList(DEFAULT_LANG); const categoryList = await discoverService.getProviderList(DEFAULT_LANG);
return ( return (
<div>
<Flexbox gap={24} horizontal style={{ position: 'relative' }} width={'100%'}> <Flexbox gap={24} horizontal style={{ position: 'relative' }} width={'100%'}>
<CategoryContainer> <CategoryContainer>
<Category data={categoryList} /> <Category data={categoryList} />
@ -20,6 +21,7 @@ const Layout = async ({ children }: PropsWithChildren) => {
{children} {children}
</Flexbox> </Flexbox>
</Flexbox> </Flexbox>
</div>
); );
}; };

@ -108,7 +108,7 @@ const List = memo<ListProps>(async ({ category, searchKeywords, items = [] }) =>
<Grid maxItemWidth={280} rows={4}> <Grid maxItemWidth={280} rows={4}>
{stData.map((item) => ( {stData.map((item) => (
// <Link href={urlJoin('/discover/assistant/', item.identifier)} key={item.identifier}> // <Link href={urlJoin('/discover/assistant/', item.identifier)} key={item.identifier}>
<Card key={item.identifier} onClick={() => handleClickCard(item)} showCategory={!category} {...item} /> <Card style={{boxShadow: "1px 0px 12px 0px rgba(42, 77, 255, 0.19)"}} key={item.identifier} onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
// </Link> // </Link>
))} ))}
</Grid> </Grid>
@ -121,7 +121,7 @@ const List = memo<ListProps>(async ({ category, searchKeywords, items = [] }) =>
initialItemCount={24} initialItemCount={24}
itemContent={(_, item) => ( itemContent={(_, item) => (
// <Link href={urlJoin('/discover/model/', item.identifier)} key={item.identifier}> // <Link href={urlJoin('/discover/model/', item.identifier)} key={item.identifier}>
<Card key={item.identifier} onClick={() => handleClickCard(item)} showCategory={!category} {...item} /> <Card style={{boxShadow: "1px 0px 12px 0px rgba(42, 77, 255, 0.19)"}} key={item.identifier} onClick={() => handleClickCard(item)} showCategory={!category} {...item} />
// </Link> // </Link>
)} )}
style={{ style={{

Loading…
Cancel
Save