status-im
/
dappconnect-sdks
mirror of https://github.com/status-im/dappconnect-sdks.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

use aspect ratio for Sidebar card

This commit is contained in:
Pavel Prichodko 2023-01-17 16:04:39 +01:00
parent 1b340e7bc6
commit b071431c1b
No known key found for this signature in database
GPG Key ID: 8E4C82D464215E83
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/components/src/sidebar/sidebar.tsx
View File

@ -198,7 +198,7 @@ const COMMUNITIES_EXPAND_CONTROL = COMMUNITIES.reduce(
{} as Record<string, boolean>[] {} as Record<string, boolean>[]
) )
const _Sidebar = (props: Props) => { const Sidebar = (props: Props) => {
const { name, description, membersCount } = props const { name, description, membersCount } = props
const [isExpanded, setIsExpanded] = useState({ const [isExpanded, setIsExpanded] = useState({
...COMMUNITIES_EXPAND_CONTROL, ...COMMUNITIES_EXPAND_CONTROL,
@ -218,8 +218,8 @@ const _Sidebar = (props: Props) => {
<Stack backgroundColor="$background"> <Stack backgroundColor="$background">
<Image <Image
src="https://images.unsplash.com/photo-1584475784921-d9dbfd9d17ca?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80" src="https://images.unsplash.com/photo-1584475784921-d9dbfd9d17ca?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80"
width={352} width="full"
height={136} aspectRatio={2.6}
/> />
<Stack <Stack
paddingBottom={16} paddingBottom={16}
@ -275,4 +275,4 @@ const _Sidebar = (props: Props) => {
) )
} }
export const Sidebar = _Sidebar export { Sidebar }