nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-23 14: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 { .nitro-navigator {
min-width: $navigator-width;
width: $navigator-width; width: $navigator-width;
height: $navigator-height; 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> <Text truncate className="flex-grow-1">{roomData.roomName}</Text>
<Flex reverse alignItems="center" gap={ 1 }> <Flex reverse alignItems="center" gap={ 1 }>
<NavigatorSearchResultItemInfoView roomData={ roomData } /> <NavigatorSearchResultItemInfoView roomData={ roomData } />
{ roomData.habboGroupId > 0 && <i className="icon icon-navigator-room-group" /> }
</Flex> </Flex>
{ children } { children }
</Flex> </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 { NavigatorSearchResultList } from '@nitrots/nitro-renderer';
import { FC, useEffect, useState } from 'react'; import { FC, useEffect, useState } from 'react';
import { LocalizeText } from '../../../../api'; import { LocalizeText } from '../../../../api';
import { AutoGrid, AutoGridProps } from '../../../../common'; import { AutoGrid, AutoGridProps, Grid } from '../../../../common';
import { Column } from '../../../../common/Column'; import { Column } from '../../../../common/Column';
import { Flex } from '../../../../common/Flex'; import { Flex } from '../../../../common/Flex';
import { Text } from '../../../../common/Text'; import { Text } from '../../../../common/Text';
@ -69,9 +69,10 @@ export const NavigatorSearchResultView: FC<NavigatorSearchResultViewProps> = pro
{ {
gridHasTwoColumns ? <AutoGrid columnCount={3} {...rest} columnMinWidth={110} columnMinHeight={130}> 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 } />) } {searchResult.rooms.length > 0 && searchResult.rooms.map((room, index) => <NavigatorSearchResultItemView key={index} roomData={room} thumbnail={ true } />) }
</AutoGrid> : <> </AutoGrid> : <Grid columnCount={ 1 } className='navigator-grid' gap={ 0 }>
{ searchResult.rooms.length > 0 && searchResult.rooms.map((room, index) => <NavigatorSearchResultItemView key={index} roomData={room} />) } { searchResult.rooms.length > 0 && searchResult.rooms.map((room, index) => <NavigatorSearchResultItemView key={ index } roomData={ room } />) }
</> } </Grid>
}
</> </>
} }
</Column> </Column>