cleaned up css

This commit is contained in:
Brandon Thomas committed 2020-11-26 02:22:42 -05:00
1 parent 2f8a3d075d
commit 707f244e01
2 files changed
+11 -5

No files matched your search

+5 -1
View File
@@ -161,11 +161,15 @@ nav {
min-height: 1.5em;
}
.upload-box {
padding: 0 0 1em;
}
.video-template-selector {
margin: 1.5em 0 1.5em 0;
text-align: center;
.video-thumbnail {
.thumbnail {
max-width: 220px;
padding: 0em;
margin: 5px;
+6 -4
View File
@@ -134,7 +134,7 @@ class VideoComponent extends React.Component<Props, State> {
if (selectedTemplateSlug === imageTemplate.slug) {
selectedName = 'selected';
}
let className = `video-thumbnail ${selectedName}`
let className = `thumbnail ${selectedName}`
let thumbnail = <img
src={imageTemplate.getThumbnailUrl()}
key={imageTemplate.slug}
@@ -158,7 +158,7 @@ class VideoComponent extends React.Component<Props, State> {
if (selectedTemplateSlug === videoTemplate.slug) {
selectedName = 'selected';
}
let className = `video-thumbnail ${selectedName}`
let className = `thumbnail ${selectedName}`
let thumbnail = <img
src={videoTemplate.getThumbnailUrl()}
key={videoTemplate.slug}
@@ -266,8 +266,8 @@ class VideoComponent extends React.Component<Props, State> {
<div className="content is-size-4">
<p>
Upload audio from vo.codes or any other source (music, other websites),
then pick a video template below. The audio shouldn't be too long or it
will fail.
then pick a template below. The audio shouldn't be too long or it will
fail.
</p>
</div>
@@ -298,11 +298,13 @@ class VideoComponent extends React.Component<Props, State> {
</div>
<h4 className="title is-4"> Video Templates </h4>
<div className="video-template-selector">
{videoThumbnails.map(v => v)}
</div>
<h4 className="title is-4"> Image Templates </h4>
<div className="video-template-selector">
{imageThumbnails.map(v => v)}
</div>