diff --git a/packages/shared/src/components/Apps/AppsDashBoard/Card.tsx b/packages/shared/src/components/Apps/AppsDashBoard/Card.tsx index 8c39c03151c..3b3ac22ffde 100644 --- a/packages/shared/src/components/Apps/AppsDashBoard/Card.tsx +++ b/packages/shared/src/components/Apps/AppsDashBoard/Card.tsx @@ -6,15 +6,7 @@ const CardWrapper = styled.div` justify-content: center; flex-direction: column; background: #fff; - border-radius: 4px; - box-shadow: 0 4px 8px 0 rgba(36, 46, 66, 0.06); - @media (max-width: 768px) { - padding-left: 0; - } - - @media (min-width: 1164px) { - padding-left: 117px; - } + width: 1258px; `; const CardHeader = styled.div` @@ -27,13 +19,18 @@ const CardHeader = styled.div` display: flex; align-items: center; gap: 8px; - font-size: 14px; + font-size: 12px; font-weight: 600; color: #242e42; } `; -const CardContent = styled.div``; +const CardOperations = styled.div` + display: inline-flex; + align-items: center; + width: 20px; + height: 20px; +`; interface CardProps { title: React.ReactNode; @@ -46,9 +43,9 @@ export const Card: React.FC = ({ title, operations, children }) => {
{title}
- {operations &&
{operations}
} + {operations && {operations}}
- {children} +
{children}
); }; diff --git a/packages/shared/src/components/Apps/AppsDashBoard/UseGuide.tsx b/packages/shared/src/components/Apps/AppsDashBoard/UseGuide.tsx index 22e043c4642..8daf20b8260 100644 --- a/packages/shared/src/components/Apps/AppsDashBoard/UseGuide.tsx +++ b/packages/shared/src/components/Apps/AppsDashBoard/UseGuide.tsx @@ -6,10 +6,14 @@ import { openpitrixStore } from '../../../stores'; const GuideWrapper = styled.div` margin-bottom: 12px; + background-color: #fff; + display: flex; + justify-content: center; + align-items: center; `; const GuideContent = styled.div` - padding: 12px 20px; + padding: 0 20px 12px; `; const StepList = styled.div` @@ -41,7 +45,7 @@ const Step = styled.div` .step-icon { width: 40px; height: 40px; - margin-right: 8px; + margin-right: 12px; } .step-content {