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

Layout updates

Browse Source
This commit is contained in:
MyNameIsBatman 2021-05-12 21:05:29 -03:00
parent 9eec13d714
commit 27d0acf45a
4 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/layout/Layout.scss
View File

@ -1,2 +1,6 @@
.nitro-text-shadow {
text-shadow: 2px 2px 0px rgba(0, 0, 0, .2)
}
@import './card/NitroCardView'; @import './card/NitroCardView';
@import './loading-spinner/LoadingSpinnerView'; @import './loading-spinner/LoadingSpinnerView';

2
src/layout/card/header/NitroCardHeaderView.tsx
View File

@ -8,7 +8,7 @@ export const NitroCardHeaderView: FC<NitroCardHeaderViewProps> = props =>
return ( return (
<div className="drag-handler d-flex align-items-center bg-primary px-2 py-1 nitro-card-header"> <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="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>
<div className="cursor-pointer" onClick={ onCloseClick }> <div className="cursor-pointer" onClick={ onCloseClick }>
<i className="fas fa-times"></i> <i className="fas fa-times"></i>

4
src/views/navigator/NavigatorView.scss
View File

@ -2,8 +2,8 @@
width: 400px; width: 400px;
.content-area { .content-area {
height: 450px; height: 400px;
max-height: 450px; max-height: 400px;
} }
} }

7
src/views/navigator/views/search/NavigatorSearchView.tsx
View File

@ -32,6 +32,8 @@ export const NavigatorSearchView: FC<NavigatorSearchViewProps> = props =>
const search = useCallback(() => const search = useCallback(() =>
{ {
if(!searchFilters[searchFilter]) return;
props.onSendSearch(searchFilters[searchFilter].query, searchString); props.onSendSearch(searchFilters[searchFilter].query, searchString);
}, [ searchFilter, searchString ]); }, [ searchFilter, searchString ]);
@ -42,10 +44,7 @@ export const NavigatorSearchView: FC<NavigatorSearchViewProps> = props =>
const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) =>
{ {
if (event.key === 'Enter') if(event.key === 'Enter') search();
{
search();
}
}; };
return ( return (