How to use the react-native-web.StyleSheet.hairlineWidth function in react-native-web

To help you get started, we’ve selected a few react-native-web examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github phenomic / phenomic / website / components / BlogListItem.js View on Github external
)}
    
  
);

const styles = StyleSheet.create({
  block: {
    // flexBasis: 400,
    minWidth: 250,
    width: "33%",
  },
  wrapper: {
    flexGrow: 1,
    marginHorizontal: 10,
    borderBottomWidth: StyleSheet.hairlineWidth,
    borderBottomColor: "rgba(0, 0, 0, 0.1)",
  },
  link: {
    flex: 1,
    display: "flex",
    flexDirection: "column",
    textDecorationLine: "none",
    color: "inherit",
    paddingVertical: 20,
    paddingHorizontal: 10,
  },
  title: {
    fontWeight: "700",
    fontSize: 22,
    paddingBottom: 10,
  },
github phenomic / phenomic / website / components / PackageListItem.js View on Github external
)}
    
  
);

const styles = StyleSheet.create({
  block: {
    // flexBasis: 400,
    minWidth: 250,
    width: "33%",
  },
  wrapper: {
    flexGrow: 1,
    marginHorizontal: 10,
    borderBottomWidth: StyleSheet.hairlineWidth,
    borderBottomColor: "rgba(0, 0, 0, 0.1)",
  },
  link: {
    flex: 1,
    display: "flex",
    flexDirection: "column",
    textDecorationLine: "none",
    color: "inherit",
    paddingVertical: 20,
    paddingHorizontal: 10,
  },
  name: {
    fontWeight: "700",
    fontSize: 22,
    paddingBottom: 10,
  },
github phenomic / phenomic / website / components / DocSearch.js View on Github external
/>
      
    );
  }
}

DocSearch.contextTypes = {
  router: PropTypes.object.isRequired,
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: "row",
    alignItems: "center",
    borderWidth: StyleSheet.hairlineWidth,
    borderColor: "rgba(255,255,255,0.2)",
    backgroundColor: "rgba(255,255,255,0.1)",
    borderRadius: 3,
    paddingHorizontal: Spacer.small,
    paddingVertical: Spacer.small / 2,
  },
  textInput: {
    width: "100%",
    color: "#fff",
    paddingVertical: Spacer.small / 2,
    paddingHorizontal: Spacer.small / 2,
    marginHorizontal: Spacer.small / 2,
  },
});

export default DocSearch;
github phenomic / phenomic / website / components / News / NewsListItem.js View on Github external
);

const styles = StyleSheet.create({
  link: {
    display: "flex",
    flexDirection: "column",
    textDecorationLine: "none",
    color: "inherit"
  },
  container: {
    paddingVertical: 20,
    paddingHorizontal: 10,
    borderBottomWidth: StyleSheet.hairlineWidth,
    borderBottomColor: "rgba(0, 0, 0, 0.1)"
  },
  title: {
    fontWeight: "700",
    fontSize: 24,
    textAlign: "center",
    paddingBottom: 12
  },
  date: {
    color: "rgba(0, 0, 0, 0.5)",
    fontSize: 14,
    textAlign: "center"
  }
});

export default NewsListItem;