403Webshell
Server IP : 66.29.132.122  /  Your IP : 18.117.233.156
Web Server : LiteSpeed
System : Linux business142.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64
User : admazpex ( 531)
PHP Version : 7.2.34
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /proc/self/root/proc/self/root/proc/thread-self/root/proc/thread-self/root/opt/alt/alt-nodejs12/root/lib/node_modules/npm/docs/src/components/home/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /proc/self/root/proc/self/root/proc/thread-self/root/proc/thread-self/root/opt/alt/alt-nodejs12/root/lib/node_modules/npm/docs/src/components/home/FeatureCard.js
import React from 'react'
import styled from 'styled-components'
import {Flex, Image, Text} from 'rebass'

const Card = styled(Flex)`
  background-color: #f2f2f2ab;
  box-shadow: 5px 5px 1px 1px ${(props) => props.theme.colors.red};
  border-radius: 2px;
`

const Desc = styled.p`
  padding: 5px 0; 
  font-size: 16px;
`

const Title = styled(Text)`
  font-size: 24px;
  font-weight: 500;
  text-shadow: 1px 2px 2px #f061df6e;
`

const Icon = styled(Image)`
  width: 110px;
  flex-shrink: 0;
`

const FeatureCard = ({icon, text, title}) => {
  return (
    <Card alignItems='center' flexDirection={['column', 'row']} p={5} m={4}>
      <Icon src={icon} />
      <Flex flexDirection='column' pl={[0, 4]} pt={2}>
        <Title textAlign={['center', 'left']}>{title}</Title>
        <Desc>{text}</Desc>
      </Flex>
    </Card>
  )
}

export default FeatureCard

Youez - 2016 - github.com/yon3zu
LinuXploit