chore(components): 🔧 Update component styles and ESLint ignore rules
Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
This commit is contained in:
parent
6038bf5f27
commit
22e37508f4
2 changed files with 9 additions and 6 deletions
3
features/feature-flags/shared/.eslintignore
Normal file
3
features/feature-flags/shared/.eslintignore
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
dist
|
||||
node_modules
|
||||
tsup.config.ts
|
||||
|
|
@ -62,7 +62,7 @@ export const progressPulse = keyframes`
|
|||
// Styled Components
|
||||
// ============================================
|
||||
|
||||
export const ModalContent = styled(m.div)<{ $isLandscape: boolean }>`
|
||||
export const ModalContent = styled.div.attrs({ as: m.div })<{ $isLandscape: boolean }>`
|
||||
display: flex;
|
||||
flex-direction: ${props => (props.$isLandscape ? 'row' : 'column')};
|
||||
align-items: ${props => (props.$isLandscape ? 'stretch' : 'center')};
|
||||
|
|
@ -145,7 +145,7 @@ export const ContentSection = styled.div<{ $isLandscape: boolean }>`
|
|||
}
|
||||
`;
|
||||
|
||||
export const IconContainer = styled(m.div)`
|
||||
export const IconContainer = styled.div.attrs({ as: m.div })`
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -213,7 +213,7 @@ export const ShieldIcon = styled(Shield)`
|
|||
}
|
||||
`;
|
||||
|
||||
export const CheckBadge = styled(m.div)`
|
||||
export const CheckBadge = styled.div.attrs({ as: m.div })`
|
||||
position: absolute;
|
||||
bottom: 6px;
|
||||
right: 6px;
|
||||
|
|
@ -264,7 +264,7 @@ export const TitleSection = styled.div`
|
|||
text-align: center;
|
||||
`;
|
||||
|
||||
export const Title = styled(m.h2)`
|
||||
export const Title = styled.h2.attrs({ as: m.h2 })`
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
font-weight: 800;
|
||||
|
|
@ -315,7 +315,7 @@ export const Subtitle = styled.p`
|
|||
}
|
||||
`;
|
||||
|
||||
export const SlideContainer = styled(m.div)`
|
||||
export const SlideContainer = styled.div.attrs({ as: m.div })`
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -345,7 +345,7 @@ export const SlideContent = styled.div`
|
|||
}
|
||||
`;
|
||||
|
||||
export const BenefitItem = styled(m.div)`
|
||||
export const BenefitItem = styled.div.attrs({ as: m.div })`
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue