sco/tecnologiabanana
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

player sulla destra e idea per dati video

Browse Source
This commit is contained in:
matteo
2018-12-12 20:14:39 +01:00
parent 7fc2732651
commit 434d506271
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.js
+10 -3
View File
@@ -1,7 +1,7 @@
import React from 'react';
import { Route, Switch, Link } from 'react-router-dom'; // eslint-disable-line no-unused-vars
import 'bootstrap/dist/css/bootstrap.css'; // eslint-disable-line no-unused-vars
import { Row, Col } from 'react-bootstrap'; // eslint-disable-line no-unused-vars
import { Row, Col, Button } from 'react-bootstrap'; // eslint-disable-line no-unused-vars
import VideoList from './VideoList'; // eslint-disable-line no-unused-vars
import TopBar from './TopBar'; // eslint-disable-line no-unused-vars
import VideoPlayer from './VideoPlayer'; // eslint-disable-line no-unused-vars
@@ -15,10 +15,17 @@ class App extends React.Component {
<Row>
<TopBar />
</Row>
<Row className="justify-content-center bg-black">
<Col xs="12" sm="6">
<Row className="bg-black px-2">
<Col xs="12" sm={{ span: 6, order: 6}} className="pt-2 p-0 p-sm-0">
<Route path={["/video/:id", "/*"]} component={VideoPlayer} />
</Col>
<Col xs="12" sm="6" className="w-75 pt-2 p-0 p-sm-0">
<Button variant="outline-light" className="w-100 align-content-center d-sm-none">Info</Button>
<p className="text-white">Qui andrebbero le informazioni video,
in modalità telefono questo spazio è sotto il video e si potrebbe
fare a scomparsa con un pulsante, lasciando un label cliccabile per aprire e chiudere
la scheda</p>
</Col>
</Row>
<Row className='scrollable'>
<Switch>