I am using React Native, and I want to reuse a style within the same StyleSheet. My styles are as follows: buttonContained: { borderRadius: 8, backgroundColor: Colors.primary, padding: 15, height: 48, alignItems: 'center', justifyContent: 'center', }, buttonOutlined: { padding: 15,…
The button should be a small vertical rectangle and the top width should stick out a little. It should also be white before pressing and crimson after pressing. And when the pointer goes over this button, the text "Add" and…
this is my media query as i try to make my react app responsive. @media screen and (max-height: 800px) { font-size: 65px; .shuttleObject{ width: 90%; } } } The thing is, when i try to change the height and width…
please explain this problem; I wanna ".nav__btn" class display's be none where min-width: 768px; but it doesn't work --------------------Media Code------------------------ @media (min-width: 768px) { .nav__btn { display: none; } } -------------------------Styles Code----------------------- .nav__btn { width: 5.5rem; height: 5.5rem; display: flex;…
I want to set the width of the htmllabel text background color in xamarin, but it covers the color as long as the text's length. How can I cover the whole background?I want the red area to be as wide…
In the below code, the element with the content is out of order with respect to the other elements without content. This doesn't occur when all the elements in the row has some content in them. Any idea why this…
I want the header of the MudExpansionPanel to be a different colour to the body of the content on the panel. The MudExpansionPanel has the colour pink assigned in the Style attributes. <MudExpansionPanel Text="Heading text" Style="@($"background-color:pink; color:black"> This turns the…
I can add 2 font files oneandroidappsrcmainresassetsfonts here with ttf format. its name is Bold and normal then I create one file in the root folder with the name of the file react-native.config.js and add this code module.exports = {…
Hello stack overflow so basically I have something like this. <View style={styles.chart}> <Text>{props.unScannedCartons && calculateTotalProgress()}%</Text> </View> My style for "styles.chart" is chart: { width: 48, height: 48, justifyContent: "center", alignItems: "center", borderRadius: 48, borderWidth: 4, borderColor: Color.opacity(Theme.colors.ink, 0.16), }, This…
if i click the hit button the arrow should be move and touch the circle and change the color of the circle... o here im try to design the page so here i want o align the circle in leftside…