Penpot-App/stylesheets/style.js

import * as React from 'react'
import {StyleSheet} from 'react-native'
export default StyleSheet.create({
    Container: {
      flex: 1,
      position: 'relative'
    },
    AddButton: {
      position: 'absolute',
      color: 'white',
      backgroundColor: '#202020',
      right: 0,
      height: 36,
      width: 36,
      fontSize: 18,
      display: 'flex',
      textAlign: 'center',
      textAlignVertical: "center",
      borderRadius: 50,
      marginTop: 6,
      marginRight: 12
    },
    RemoveButton: {
      position: 'absolute',
      color: 'white',
      backgroundColor: '#202020',
      right: 0,
      height: 36,
      width: 36,
      fontSize: 18,
      display: 'flex',
      textAlign: 'center',
      textAlignVertical: "center",
      borderRadius: 50,
      marginTop: 4,
      marginRight: 80
    },
    SettingButton: {
      position: 'absolute',
      color: 'white',
      backgroundColor: '#202020',
      right: 42,
      height: 36,
      width: 92,
      fontSize: 14,
      display: 'flex',
      textAlign: 'center',
      textAlignVertical: "center",
      borderRadius: 50,
      marginTop: 6,
      marginRight: 12
    },
    Settings: {
      position: 'absolute',
      backgroundColor: 'white',
      top: 0,
      right: 0,
      height: 140,
      width: 350,
      fontSize: 14,
      display: 'flex',
      borderRadius: 10,
      padding: 12
    },
    InstanceForm: {
      backgroundColor: 'lightgray',
      color: 'black',
      borderRadius: 4,
      paddingHorizontal: 12,
      paddingVertical: 6,
      marginTop: 6
    },
    InstanceCancel: {
      backgroundColor: '#EEE',
      color: 'black',
      borderRadius: 4,
      marginTop: 12,
      marginRight: 12,
      paddingHorizontal: 24,
      paddingVertical: 10,
      alignSelf: 'flex-end'
    },
    InstanceSubmit: {
      backgroundColor: '#31efb8',
      color: 'black',
      borderRadius: 4,
      marginTop: 12,
      paddingHorizontal: 24,
      paddingVertical: 6,
      alignSelf: 'flex-end'
    },
    Tab: {
      display: 'flex',
      backgroundColor: 'black'
    }
})