I am using Amplify to develop React screens and trying to use Figma to develop the screens which then can be imported to Amplify and then to the local development environment.
Creating some simple forms in Figma with labels, text fields, and buttons.
Then choosing some colors for the buttons and formatting the labels to have some specific colors, shadow effects, etc.
Then I import the screens into Amplify from Figma using the Figma URL of the components library.
The button styles (colors) are reaching Amplify but the label's styles (color, shadow effects) are lost. Labels are plain.
Any suggestions?
Related
I want to create a configurator in React. The configurator will be used to configure pictures on the wall by customers, where fonts, strings and images will be changed. The question is:
What styling to choose for such a configurator? Should I reach for the tables, or rather the grid? My point is that the configured image must be in the same proportions (text vs images, images vs image position,...) for all devices. How would you style such an app?
Created a custom navbar.js file and styled with CSS.
It's working perfectly; however, is rendered behind the imported Ui Flex components from Figma- It's impossible to style my navbar's z-Index with no context to those components, and it would be very difficult to update those components by hand.
The App currently shows the "MarketingFooter" imported from Figma stacked above my Navbar, I need the opposite.
Thanks for the help!
I am using Angular Nativescript to build an Android application. I want the app to show some SVG images and change their color dpending on which page they are in. I tried to change the 'fill' in the CSS but nothing happened. How can i change it?
I'm using the great Material-ui components for building my react app and have used the component on several pages. My issue is that the component doesn't seem to support scrollable content.
Is there any easy way to make a workaround and make the content of the component scrollable if it exceeds the total height?
Since I'm using Ionic2 RC0 and Angular2 Final, when I create custom components, those components creates a margin and I don#t know how to remove it and if this is a Ionic or Angular problem. That is the first time I'm having this issue, before the update was not like that (I guess).
See image:
The custom component is the one with black border it's just a wrapper and has no style. There are also no margins and no paddings.
Any idea what is going on?