Merge branch 'devel' of https://github.com/boltex/leojs into gh-pages

boltex · Sep 8, 2024 · de99c58 · de99c58
2 parents aca6bbd + 613558b
commit de99c58
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/web/src/css/custom.css b/web/src/css/custom.css
@@ -149,21 +149,23 @@ blockquote {
 .customPlayer1 .react-player__preview:after {
   content: "Introduction to Leo ";
   top: 8px;
+  background-color: #fff;
 }
 
 .customPlayer2 .react-player__preview:after {
   content: "Features Demo ";
   top: 8px;
+  background-color: #fff;
 }
 
 .react-player__preview:after {
   position: absolute;
   color: rgb(28, 30, 33);
   font-size: 1.25rem;
   font-weight: 700;
-  left: 10px;
-  right: 0;
-  height: 40px;
+  padding-left:12px;
+  padding-right:12px;
+  border-radius: 20px;
   text-align: center;
 }
 

diff --git a/web/src/pages/index.js b/web/src/pages/index.js
@@ -79,7 +79,7 @@ export default function Home() {
                   // const LibComponent =
                   //   require('some-lib-that-accesses-window').LibComponent;
                   // return <LibComponent {...props} />;
-                  return <ReactPlayer className="customPlayer1" light playing width="440px" height="247px" url='https://www.youtube.com/watch?v=j0eo7SlnnSY' />
+                  return <ReactPlayer className="customPlayer1" light playing width="100%" height="250px" url='https://www.youtube.com/watch?v=j0eo7SlnnSY' />
                 }}
               </BrowserOnly>
             </div>
@@ -114,7 +114,7 @@ export default function Home() {
                   // const LibComponent =
                   //   require('some-lib-that-accesses-window').LibComponent;
                   // return <LibComponent {...props} />;
-                  return <ReactPlayer className="customPlayer2" light playing width="440px" height="247px" url='https://www.youtube.com/watch?v=M_mKXSbVGdE' />
+                  return <ReactPlayer className="customPlayer2" light playing width="100%" height="250px" url='https://www.youtube.com/watch?v=M_mKXSbVGdE' />
                 }}
               </BrowserOnly>
             </div>