nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-23 06:40:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

navi even odd rows fix

Browse Source
This commit is contained in:
Layne 2022-03-17 11:45:43 -04:00
parent 414365f993
commit 73d0c9bb12
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/navigator/NavigatorView.scss
View File

@ -1,4 +1,5 @@
.nitro-navigator {
min-width: $navigator-width;
width: $navigator-width;
height: $navigator-height;

1
src/components/navigator/views/search-result/NavigatorSearchResultItemView.tsx
View File

@ -85,7 +85,6 @@ export const NavigatorSearchResultItemView: FC<NavigatorSearchResultItemViewProp
<Text truncate className="flex-grow-1">{roomData.roomName}</Text>
<Flex reverse alignItems="center" gap={ 1 }>
<NavigatorSearchResultItemInfoView roomData={ roomData } />
{ roomData.habboGroupId > 0 && <i className="icon icon-navigator-room-group" /> }
</Flex>
{ children }
</Flex>

9
src/components/navigator/views/search-result/NavigatorSearchResultView.tsx
View File

@ -2,7 +2,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { NavigatorSearchResultList } from '@nitrots/nitro-renderer';
import { FC, useEffect, useState } from 'react';
import { LocalizeText } from '../../../../api';
import { AutoGrid, AutoGridProps } from '../../../../common';
import { AutoGrid, AutoGridProps, Grid } from '../../../../common';
import { Column } from '../../../../common/Column';
import { Flex } from '../../../../common/Flex';
import { Text } from '../../../../common/Text';
@ -69,9 +69,10 @@ export const NavigatorSearchResultView: FC<NavigatorSearchResultViewProps> = pro
{
gridHasTwoColumns ? <AutoGrid columnCount={3} {...rest} columnMinWidth={110} columnMinHeight={130}>
{searchResult.rooms.length > 0 && searchResult.rooms.map((room, index) => <NavigatorSearchResultItemView key={index} roomData={room} thumbnail={ true } />) }
</AutoGrid> : <>
{ searchResult.rooms.length > 0 && searchResult.rooms.map((room, index) => <NavigatorSearchResultItemView key={index} roomData={room} />) }
</> }
</AutoGrid> : <Grid columnCount={ 1 } className='navigator-grid' gap={ 0 }>
{ searchResult.rooms.length > 0 && searchResult.rooms.map((room, index) => <NavigatorSearchResultItemView key={ index } roomData={ room } />) }
</Grid>
}
</>
}
</Column>