nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-01-31 10:22: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 =>
{
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 }
</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;
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="h4 m-0 text-white text-shadow">{ headerText }</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 =>
{
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 }
</ul>
);

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

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