Remove unused WorkInProgress component (#3038)
This commit is contained in:
parent
9fffb87aa7
commit
054174da77
2 changed files with 0 additions and 35 deletions
|
@ -1,17 +0,0 @@
|
||||||
import React from "react";
|
|
||||||
|
|
||||||
import "./work-in-progress.css";
|
|
||||||
|
|
||||||
type WorkInProgressProps = {
|
|
||||||
marvelLink: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export const WorkInProgress = ({ marvelLink }: WorkInProgressProps) => (
|
|
||||||
<div>
|
|
||||||
This page is not completed yet, but this is what it's going to look
|
|
||||||
like:
|
|
||||||
<div className="container">
|
|
||||||
<iframe className="responsive-iframe" src={marvelLink}></iframe>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
|
@ -1,18 +0,0 @@
|
||||||
|
|
||||||
.container {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
width: 100%;
|
|
||||||
padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Then style the iframe to fit in the container div with full height and width */
|
|
||||||
.responsive-iframe {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
Loading…
Reference in a new issue