nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-01-31 18:32:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update cards

Browse Source
This commit is contained in:
Bill 2021-05-04 18:37:52 -04:00
parent 26f5445971
commit 38ad92b522
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layout/card/content/NitroCardContentView.tsx
View File

@ -4,7 +4,7 @@ import { NitroCardContentViewProps } from './NitroCardContextView.types';
export const NitroCardContentView: FC<NitroCardContentViewProps> = props => export const NitroCardContentView: FC<NitroCardContentViewProps> = props =>
{ {
return ( return (
<div className="bg-light rounded-bottom border border-top-0 px-3 py-2 shadow overflow-hidden content-area"> <div className="bg-light rounded-bottom border border-top-0 p-2 shadow overflow-hidden content-area">
{ props.children } { props.children }
</div> </div>
); );

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

@ -6,7 +6,7 @@ export const NitroCardHeaderView: FC<NitroCardHeaderViewProps> = props =>
const { headerText = null, onCloseClick = null } = props; const { headerText = null, onCloseClick = null } = props;
return ( return (
<div className="drag-handler d-flex align-items-center bg-primary border border-bottom-0 rounded-top px-3 py-1"> <div className="drag-handler d-flex align-items-center bg-primary border border-bottom-0 rounded-top px-2 py-1">
<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="h4 m-0 text-white text-shadow">{ headerText }</div>
</div> </div>

2
src/layout/card/tabs/NitroCardTabsView.tsx
View File

@ -4,7 +4,7 @@ import { NitroCardTabsViewProps } from './NitroCardTabsView.types';
export const NitroCardTabsView: FC<NitroCardTabsViewProps> = props => export const NitroCardTabsView: FC<NitroCardTabsViewProps> = props =>
{ {
return ( return (
<ul className="nav nav-tabs justify-content-center bg-secondary border-start border-end px-3 pt-1"> <ul className="nav nav-tabs justify-content-center bg-secondary border-start border-end px-2 pt-1">
{ props.children } { props.children }
</ul> </ul>
); );

6
src/layout/card/tabs/tabs-item/NitroCardTabsItemView.types.ts
View File

@ -2,7 +2,7 @@ import { MouseEventHandler } from 'react';
export interface NitroCardTabsItemViewProps export interface NitroCardTabsItemViewProps
{ {
tabText: string; tabText?: string;
isActive: boolean; isActive?: boolean;
onClick: MouseEventHandler<HTMLLIElement>; onClick?: MouseEventHandler<HTMLLIElement>;
} }