mirror of
https://github.com/billsonnn/nitro-react.git
synced 2025-01-31 10:22:36 +01:00
Layout updates
This commit is contained in:
parent
9eec13d714
commit
27d0acf45a
@ -1,2 +1,6 @@
|
||||
.nitro-text-shadow {
|
||||
text-shadow: 2px 2px 0px rgba(0, 0, 0, .2)
|
||||
}
|
||||
|
||||
@import './card/NitroCardView';
|
||||
@import './loading-spinner/LoadingSpinnerView';
|
||||
|
@ -8,7 +8,7 @@ export const NitroCardHeaderView: FC<NitroCardHeaderViewProps> = props =>
|
||||
return (
|
||||
<div className="drag-handler d-flex align-items-center bg-primary px-2 py-1 nitro-card-header">
|
||||
<div className="d-flex flex-grow-1 justify-content-center align-items-center">
|
||||
<div className="h4 m-0 text-white text-shadow">{ headerText }</div>
|
||||
<div className="h5 m-0 text-white nitro-text-shadow">{ headerText }</div>
|
||||
</div>
|
||||
<div className="cursor-pointer" onClick={ onCloseClick }>
|
||||
<i className="fas fa-times"></i>
|
||||
|
@ -2,8 +2,8 @@
|
||||
width: 400px;
|
||||
|
||||
.content-area {
|
||||
height: 450px;
|
||||
max-height: 450px;
|
||||
height: 400px;
|
||||
max-height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -32,6 +32,8 @@ export const NavigatorSearchView: FC<NavigatorSearchViewProps> = props =>
|
||||
|
||||
const search = useCallback(() =>
|
||||
{
|
||||
if(!searchFilters[searchFilter]) return;
|
||||
|
||||
props.onSendSearch(searchFilters[searchFilter].query, searchString);
|
||||
}, [ searchFilter, searchString ]);
|
||||
|
||||
@ -42,10 +44,7 @@ export const NavigatorSearchView: FC<NavigatorSearchViewProps> = props =>
|
||||
|
||||
const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) =>
|
||||
{
|
||||
if (event.key === 'Enter')
|
||||
{
|
||||
search();
|
||||
}
|
||||
if(event.key === 'Enter') search();
|
||||
};
|
||||
|
||||
return (
|
||||
|
Loading…
x
Reference in New Issue
Block a user