Yadciel/taskcafe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: unify popup content padding

Browse Source
This commit is contained in:
Jordan Knott
2020-07-16 22:31:33 -05:00
parent c35f63e668
commit 1222111bef
6 changed files with 207 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/shared/components/ListActions/Styles.ts
View File

@ -33,3 +33,7 @@ export const ListSeparator = styled.hr`
padding: 0;
width: 100%;
`;
export const InnerContent = styled.div`
margin: 0 12px;
`;

6
frontend/src/shared/components/ListActions/index.tsx
View File

@ -1,5 +1,5 @@
import React from 'react';
import { ListActionsWrapper, ListActionItemWrapper, ListActionItem, ListSeparator } from './Styles';
import { InnerContent, ListActionsWrapper, ListActionItemWrapper, ListActionItem, ListSeparator } from './Styles';
type Props = {
taskGroupID: string;
@ -8,7 +8,7 @@ type Props = {
};
const LabelManager: React.FC<Props> = ({ taskGroupID, onArchiveTaskGroup }) => {
return (
<>
<InnerContent>
<ListActionsWrapper>
<ListActionItemWrapper>
<ListActionItem>Add card...</ListActionItem>
@ -44,7 +44,7 @@ const LabelManager: React.FC<Props> = ({ taskGroupID, onArchiveTaskGroup }) => {
<ListActionItem>Archive This List</ListActionItem>
</ListActionItemWrapper>
</ListActionsWrapper>
</>
</InnerContent>
);
};
export default LabelManager;

10
frontend/src/shared/components/ProjectSettings/index.tsx
View File

@ -5,7 +5,7 @@ import Button from 'shared/components/Button';
export const ListActionsWrapper = styled.ul`
list-style-type: none;
margin: 0;
margin: 0 12px;
padding: 0;
`;
@ -40,7 +40,7 @@ export const ListSeparator = styled.hr`
type Props = {
onDeleteProject: () => void;
};
const ProjectSettings: React.FC<Props> = ({onDeleteProject}) => {
const ProjectSettings: React.FC<Props> = ({ onDeleteProject }) => {
return (
<>
<ListActionsWrapper>
@ -55,7 +55,7 @@ const ProjectSettings: React.FC<Props> = ({onDeleteProject}) => {
type TeamSettingsProps = {
onDeleteTeam: () => void;
};
export const TeamSettings: React.FC<TeamSettingsProps> = ({onDeleteTeam}) => {
export const TeamSettings: React.FC<TeamSettingsProps> = ({ onDeleteTeam }) => {
return (
<>
<ListActionsWrapper>
@ -109,7 +109,7 @@ export const DELETE_INFO = {
},
};
const DeleteConfirm: React.FC<DeleteConfirmProps> = ({description, deletedItems, onConfirmDelete}) => {
const DeleteConfirm: React.FC<DeleteConfirmProps> = ({ description, deletedItems, onConfirmDelete }) => {
return (
<ConfirmWrapper>
<ConfirmDescription>
@ -127,5 +127,5 @@ const DeleteConfirm: React.FC<DeleteConfirmProps> = ({description, deletedItems,
);
};
export {DeleteConfirm};
export { DeleteConfirm };
export default ProjectSettings;