|
7 | 7 | * Copyright © 2022 by Shen, Jen-Chieh $ |
8 | 8 | */ |
9 | 9 | import React from 'react'; |
10 | | -import { Button } from 'react-bootstrap'; |
| 10 | +import { Button, Container } from 'react-bootstrap'; |
11 | 11 |
|
12 | 12 | import banner from '../etc/sink_white.png'; |
13 | 13 |
|
14 | 14 | import { FiDownload } from 'react-icons/fi'; |
15 | | -import { GrInstall } from 'react-icons/gr'; |
| 15 | +import { RiInstallFill } from 'react-icons/ri'; |
16 | 16 |
|
17 | 17 | class Ebanner extends React.Component { |
18 | 18 | state = {}; |
19 | 19 | render () { |
20 | 20 | return ( |
21 | 21 | <> |
22 | 22 | <div className="text-center"> |
23 | | - <div> |
| 23 | + <div className="p-4"> |
24 | 24 | <img src= { banner } alt="banner" /> |
25 | 25 | </div> |
26 | | - <br/> |
27 | 26 | <div className="text-info h5"> |
28 | 27 | [J C S • E M A C S] |
29 | 28 | </div> |
30 | 29 | <div className="text-white-50 h6 p-1"> |
31 | 30 | Emacs configuration works across all OSs |
32 | 31 | </div> |
33 | | - <br/><br/> |
34 | | - <Button variant="light" className="rounded-pill border-2 border-success btn-lg" |
35 | | - href="https://github.com/jcs-emacs/jcs-emacs/archive/refs/heads/master.zip"> |
36 | | - <FiDownload /> Download |
37 | | - </Button>{' '} |
38 | | - <Button variant="dark" className="rounded-pill border-2 border-primary btn-lg" |
39 | | - href="#collapseExample" |
40 | | - type="button" |
41 | | - data-toggle="collapse" |
42 | | - role="button" aria-expanded="false" aria-controls="collapseExample"> |
43 | | - <GrInstall /> Install |
44 | | - </Button> |
45 | | - <br/><br/> |
| 32 | + <Container className="p-4"> |
| 33 | + <Button variant="dark" |
| 34 | + className="rounded-pill btn-lg border-2 border-success px-4 mx-1" |
| 35 | + href="https://github.com/jcs-emacs/jcs-emacs/archive/refs/heads/master.zip"> |
| 36 | + <FiDownload /> Download |
| 37 | + </Button>{' '} |
| 38 | + <Button variant="dark" |
| 39 | + className="rounded-pill btn-lg border-2 border-success px-5 mx-1" |
| 40 | + href="#collapseExample" |
| 41 | + type="button" |
| 42 | + data-toggle="collapse" |
| 43 | + role="button" aria-expanded="false" aria-controls="collapseExample"> |
| 44 | + <RiInstallFill /> Install |
| 45 | + </Button> |
| 46 | + </Container> |
46 | 47 | </div> |
47 | 48 | </>); |
48 | 49 | } |
|
0 commit comments