-
Notifications
You must be signed in to change notification settings - Fork 23
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
PORTALS-3312: New Portal feature highlights component #1437
Conversation
...ages/synapse-react-client/src/components/PortalFeatureHighlights/PortalFeatureHighlights.tsx
Outdated
Show resolved
Hide resolved
<Typography | ||
component="span" | ||
sx={{ fontWeight: 'bold', color: 'primary.main' }} | ||
> | ||
CAVATICA | ||
</Typography> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is this supposed to be a link?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Confirmed with Adam this should link to the Cavatica website
import analyzetheclouds from '@sage-bionetworks/synapse-portal-framework/components/elportal/assets/analyzetheclouds.png' | ||
import computationaltools from '@sage-bionetworks/synapse-portal-framework/components/elportal/assets/computationaltools.png' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
move these assets to the elportal
project if they are only used in the elportal
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I am a bit curious about how these imports work. I would expect Vite would need you to have the ?url
suffix, but maybe what you have is fine
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This has been working for me! I assume Vite is configured to handle image assets correctly?
...ages/synapse-react-client/src/components/PortalFeatureHighlights/PortalFeatureHighlights.tsx
Outdated
Show resolved
Hide resolved
...ages/synapse-react-client/src/components/PortalFeatureHighlights/PortalFeatureHighlights.tsx
Outdated
Show resolved
Hide resolved
...ages/synapse-react-client/src/components/PortalFeatureHighlights/PortalFeatureHighlights.tsx
Outdated
Show resolved
Hide resolved
...ages/synapse-react-client/src/components/PortalFeatureHighlights/PortalFeatureHighlights.tsx
Outdated
Show resolved
Hide resolved
2ad7899
to
fbc0192
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks great
gridTemplateAreas: { | ||
xs: `'image' 'content'`, | ||
lg: reverseOrder ? `'content image'` : `'image content'`, | ||
}, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nice use of gridTemplateAreas, it's very clear how the layout is switching between sizes and reverseOrder
state
Jira Ticket: https://sagebionetworks.jira.com/browse/PORTALS-3312
Desktop:
Mobile: