muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 19:16:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

nominatim (dialog still doesn't work)

Browse source
This commit is contained in:
Fedor Katurov 2020-01-20 16:55:40 +07:00
parent b20a3445d1
commit 3a988d23df
2 changed files with 8 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/dialogs/NominatimDialog.tsx
View file

@ -25,18 +25,18 @@ const NominatimDialogUnconnected: FC<Props> = ({ nominatim: { loading, list } })
return ( return (
<Fragment> <Fragment>
<div style={{ flex: 1 }} /> <Scroll>
<div className="dialog-flex-scroll">
<div style={{ flex: 1 }} />
<div className="dialog-flex-scroll">
<Scroll>
<div className="dialog-content nominatim-dialog-content"> <div className="dialog-content nominatim-dialog-content">
{loading && <DialogLoader />} {loading && <DialogLoader />}
{list.map((item, i) => ( {list.map((item, i) => (
<NominatimListItem item={item} key={item.id} /> <NominatimListItem item={item} key={item.id} />
))} ))}
</div> </div>
</Scroll> </div>
</div> </Scroll>
</Fragment> </Fragment>
); );
}; };

5
src/styles/dialogs.less
View file

@ -95,8 +95,9 @@
.dialog-flex-scroll { .dialog-flex-scroll {
display: flex; display: flex;
align-items: center; align-items: flex-end;
justify-content: center; justify-content: center;
// height: 100%;
} }
.nominatim-dialog-content { .nominatim-dialog-content {
@ -112,7 +113,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding-bottom: 200px; // padding-bottom: 200px;
&:hover { &:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);