abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 09:25:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Introduce new border radius variables for stable theming.

Browse Source
This commit is contained in:
LambdAurora
2021-08-30 23:39:02 +02:00
parent d368820aeb
commit 1d42f0a60a
5 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/common/IconBase.tsx
View File

@@ -11,7 +11,10 @@ export interface IconBaseProps<T> {
}
interface IconModifiers {
square?: boolean;
/**
* If this is undefined or null then the icon defaults to square, else uses the CSS variable given.
*/
borderRadius?: string;
hover?: boolean;
}
@@ -24,9 +27,9 @@ export default styled.svg<IconModifiers>`
object-fit: cover;
${(props) =>
!props.square &&
props.borderRadius &&
css`
border-radius: var(--border-radius-half);
border-radius: var(${props.borderRadius});
`}
}
@@ -44,9 +47,9 @@ export const ImageIconBase = styled.img<IconModifiers>`
object-fit: cover;
${(props) =>
!props.square &&
props.borderRadius &&
css`
border-radius: var(--border-radius-half);
border-radius: var(${props.borderRadius});
`}
${(props) =>