Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-11-10 05:15:35 +08:00
Code Issues Projects Releases Wiki Activity

refactor: typos

Browse Source
This commit is contained in:
kunish 2023-09-08 23:44:51 +08:00
parent 0c3c908d4f
commit 320998a7e9
No known key found for this signature in database
GPG Key ID: 647A12B4F782C430
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ForTwoColumns.tsx
View File

@ -7,18 +7,18 @@ export const ForTwoColumns = (props: { subChild: JSX.Element[] }) => {
const isShowTwoColumns = createMemo( const isShowTwoColumns = createMemo(
() => windowSize.width >= 640 && renderInTwoColumns(), () => windowSize.width >= 640 && renderInTwoColumns(),
) // 640 is sm size in daisyui ) // 640 is sm size in daisyui
const leftCloumns = createMemo(() => const leftColumns = createMemo(() =>
props.subChild.filter((_, index) => index % 2 === 0 || !isShowTwoColumns()), props.subChild.filter((_, index) => index % 2 === 0 || !isShowTwoColumns()),
) )
const rightCloumns = createMemo(() => const rightColumns = createMemo(() =>
props.subChild.filter((_, index) => index % 2 === 1), props.subChild.filter((_, index) => index % 2 === 1),
) )
return ( return (
<div class="flex"> <div class="flex">
<div class="flex flex-1 flex-col">{leftCloumns()}</div> <div class="flex flex-1 flex-col">{leftColumns()}</div>
<Show when={isShowTwoColumns()}> <Show when={isShowTwoColumns()}>
<div class="ml-2 flex flex-1 flex-col">{rightCloumns()}</div> <div class="ml-2 flex flex-1 flex-col">{rightColumns()}</div>
</Show> </Show>
</div> </div>
) )