status-im
/
status-web
mirror of https://github.com/status-im/status-web.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 406c5f68fd
commit b24f33898e
No known key found for this signature in database
GPG Key ID: 0EB8D75C775AB6F1
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>[]
)
const _Sidebar = (props: Props) => {
const Sidebar = (props: Props) => {
const { name, description, membersCount } = props
const [isExpanded, setIsExpanded] = useState({
...COMMUNITIES_EXPAND_CONTROL,
@ -218,8 +218,8 @@ const _Sidebar = (props: Props) => {
<Stack backgroundColor="$background">
<Image
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}
height={136}
width="full"
aspectRatio={2.6}
/>
<Stack
paddingBottom={16}
@ -275,4 +275,4 @@ const _Sidebar = (props: Props) => {
)
}
export const Sidebar = _Sidebar
export { Sidebar }