timw4mail/film-exif
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Tweaks for fewer divs

Browse Source
This commit is contained in:
Timothy Warren 2018-04-04 09:32:18 -04:00
parent f2d286d129
commit 6a659aa273
10 changed files with 8439 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/css/app.css
View File

@ -31,4 +31,10 @@ bs-container > * {
padding: 0.5em 1em; padding: 0.5em 1em;
} }
bs-form-feedback,
bs-form-group,
bs-jumbotron {
display: block;
}
/*! Ids */ /*! Ids */

8408
public/css/bootstrap.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

6
public/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
public/css/marx.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
public/index.html
View File

@ -4,13 +4,12 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<link rel="stylesheet" href="%PUBLIC_URL%/css/bootstrap.min.css" /> <link rel="stylesheet" href="%PUBLIC_URL%/css/bootstrap.css" />
<link rel="stylesheet" href="%PUBLIC_URL%/css/app.css" /> <link rel="stylesheet" href="%PUBLIC_URL%/css/app.css" />
<title>Inferno App</title> <title>Inferno App</title>
</head> </head>
<body> <body>
<film-exif id="app"></film-exif> <film-exif id="app"></film-exif>
<script src="%PUBLIC_URL%/js/customElements.js"></script>
<noscript> <noscript>
You need to enable JavaScript to run this app. You need to enable JavaScript to run this app.
</noscript> </noscript>

11
src/components/Bootstrap/Bootstrap.js
View File

@ -10,7 +10,7 @@ import Dropdown from 'inferno-bootstrap/dist/Dropdown';
import DropdownItem from 'inferno-bootstrap/dist/DropdownItem'; import DropdownItem from 'inferno-bootstrap/dist/DropdownItem';
import DropdownMenu from 'inferno-bootstrap/dist/DropdownMenu'; import DropdownMenu from 'inferno-bootstrap/dist/DropdownMenu';
import DropdownToggle from 'inferno-bootstrap/dist/DropdownToggle'; import DropdownToggle from 'inferno-bootstrap/dist/DropdownToggle';
import Jumbotron from 'inferno-bootstrap/dist/Jumbotron'; import BSJumbotron from 'inferno-bootstrap/dist/Jumbotron';
import Pagination from 'inferno-bootstrap/dist/Pagination'; import Pagination from 'inferno-bootstrap/dist/Pagination';
import PaginationItem from 'inferno-bootstrap/dist/PaginationItem'; import PaginationItem from 'inferno-bootstrap/dist/PaginationItem';
import PaginationLink from 'inferno-bootstrap/dist/PaginationLink'; import PaginationLink from 'inferno-bootstrap/dist/PaginationLink';
@ -25,6 +25,14 @@ import TabPane from 'inferno-bootstrap/dist/TabPane';
import Table from 'inferno-bootstrap/dist/Table'; import Table from 'inferno-bootstrap/dist/Table';
import Tooltip from 'inferno-bootstrap/dist/Tooltip'; import Tooltip from 'inferno-bootstrap/dist/Tooltip';
export const BSWrapper = (Component, tagName) => {
return ({children, ...props}) => (
<Component tag={tagName} {...props}>{children}</Component>
)
}
export const Jumbotron = BSWrapper(BSJumbotron, 'bs-jumbotron');
export { export {
Alert, Alert,
Badge, Badge,
@ -38,7 +46,6 @@ export {
DropdownItem, DropdownItem,
DropdownMenu, DropdownMenu,
DropdownToggle, DropdownToggle,
Jumbotron,
Pagination, Pagination,
PaginationItem, PaginationItem,
PaginationLink, PaginationLink,

10
src/components/Bootstrap/Form.js
View File

@ -1,7 +1,8 @@
import { BSWrapper } from './Bootstrap';
import Button from 'inferno-bootstrap/dist/Button'; import Button from 'inferno-bootstrap/dist/Button';
import Form from 'inferno-bootstrap/dist/Form/Form'; import Form from 'inferno-bootstrap/dist/Form/Form';
import FormFeedback from 'inferno-bootstrap/dist/Form/FormFeedback'; import BSFormFeedback from 'inferno-bootstrap/dist/Form/FormFeedback';
import FormGroup from 'inferno-bootstrap/dist/Form/FormGroup'; import BSFormGroup from 'inferno-bootstrap/dist/Form/FormGroup';
import FormText from 'inferno-bootstrap/dist/Form/FormText'; import FormText from 'inferno-bootstrap/dist/Form/FormText';
import Input from 'inferno-bootstrap/dist/Form/Input'; import Input from 'inferno-bootstrap/dist/Form/Input';
import InputGroup from 'inferno-bootstrap/dist/Form/InputGroup'; import InputGroup from 'inferno-bootstrap/dist/Form/InputGroup';
@ -10,11 +11,12 @@ import InputGroupButtonDropdown from 'inferno-bootstrap/dist/Form/InputGroupButt
import InputGroupText from 'inferno-bootstrap/dist/Form/InputGroupText'; import InputGroupText from 'inferno-bootstrap/dist/Form/InputGroupText';
import Label from 'inferno-bootstrap/dist/Form/Label'; import Label from 'inferno-bootstrap/dist/Form/Label';
export const FormFeedback = BSWrapper(BSFormFeedback, 'bs-form-feedback');
export const FormGroup = BSWrapper(BSFormGroup, 'bs-form-group');
export { export {
Button, Button,
Form, Form,
FormFeedback,
FormGroup,
FormText, FormText,
Input, Input,
InputGroup, InputGroup,

15
src/components/Bootstrap/Grid.js
View File

@ -1,9 +1,8 @@
import Col from 'inferno-bootstrap/dist/Col'; import BSCol from 'inferno-bootstrap/dist/Col';
import Container from 'inferno-bootstrap/dist/Container'; import BSContainer from 'inferno-bootstrap/dist/Container';
import Row from 'inferno-bootstrap/dist/Row'; import BSRow from 'inferno-bootstrap/dist/Row';
import { BSWrapper } from './Bootstrap'
export { export const Col = BSWrapper(BSCol, 'bs-col');
Col, export const Container = BSWrapper(BSContainer, 'bs-container');
Container, export const Row = BSWrapper(BSRow, 'bs-row');
Row,
};

5
src/views/Film/FilmAddView.js
View File

@ -4,9 +4,6 @@ import {
Button, Button,
Col, Col,
Form, Form,
FormGroup,
Input,
Label,
Row, Row,
} from '../../components/Bootstrap' } from '../../components/Bootstrap'
@ -25,7 +22,7 @@ export class FilmAddView extends Component {
return ( return (
<Form> <Form>
<Row> <Row>
<FormBlock <FormBlock
label="Brand" label="Brand"
name="brand" name="brand"
required required

2
src/views/OopsView.js
View File

@ -1,7 +1,7 @@
import { Alert, Row } from '../components/Bootstrap'; import { Alert, Row } from '../components/Bootstrap';
export const OopsView = (props) => ( export const OopsView = (props) => (
<Row className="align-items-center justify-content-center full-height" tag="bs-row"> <Row className="align-items-center justify-content-center full-height">
<Alert className="abs-center" color="danger" style={{padding: '5em'}} tag="main"> <Alert className="abs-center" color="danger" style={{padding: '5em'}} tag="main">
<h1>Oops!</h1> <h1>Oops!</h1>
<hr /> <hr />